{"id":15011928,"url":"https://github.com/lucagoslar/phosphor-css","last_synced_at":"2025-10-15T07:29:23.484Z","repository":{"id":65231764,"uuid":"587507233","full_name":"lucagoslar/phosphor-css","owner":"lucagoslar","description":"🧩 CSS integration of a flexible icon family for the web.","archived":false,"fork":false,"pushed_at":"2024-04-01T11:39:03.000Z","size":126,"stargazers_count":7,"open_issues_count":0,"forks_count":2,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-02T11:32:01.385Z","etag":null,"topics":["css","icons","less","phosphor","phosphor-icons","sass","scss"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/lucagoslar.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null}},"created_at":"2023-01-10T22:57:42.000Z","updated_at":"2024-07-22T19:44:43.000Z","dependencies_parsed_at":"2024-04-01T11:46:06.919Z","dependency_job_id":"746b0cc6-4212-4707-8a80-f8fd3105221b","html_url":"https://github.com/lucagoslar/phosphor-css","commit_stats":null,"previous_names":[],"tags_count":7,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lucagoslar%2Fphosphor-css","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lucagoslar%2Fphosphor-css/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lucagoslar%2Fphosphor-css/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lucagoslar%2Fphosphor-css/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/lucagoslar","download_url":"https://codeload.github.com/lucagoslar/phosphor-css/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239011432,"owners_count":19567663,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","icons","less","phosphor","phosphor-icons","sass","scss"],"created_at":"2024-09-24T19:41:54.227Z","updated_at":"2025-10-15T07:29:18.443Z","avatar_url":"https://github.com/lucagoslar.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## phosphor-css\n\nUnlike `phosphor-icons`, `phosphor-css` isn't loading any fonts. Instead, CSS is loaded, and SVG icons are requested when required. It is possible to load a multi- or single-weight CSS file (e.g. \"regular\" or \"fill\"), allowing for even more efficient use.\n\n[![build package and run tests](https://github.com/lucagoslar/phosphor-css/actions/workflows/test.yml/badge.svg)](https://github.com/lucagoslar/phosphor-css/actions/workflows/test.yml)\n\n## Index\n\n- [phosphor-css](#phosphor-css)\n- [Index](#index)\n- [Installation](#installation)\n- [Usage](#usage)\n- [License](#license)\n- [Contribute](#contribute)\n\n## Installation\n\n```bash\nnpm i phosphor-css\n```\n\n## Usage\n\nBy default, icons are the size of 1.5rem (24px). `width`, `height`, `background-color` (final icon colour) and `line-height` can be modified when targetting `.ph.icon`.\n\n```css\n@import 'phosphor-css/css/index.css';\n@import 'phosphor-css/sass/index.scss';\n@import 'phosphor-css/less/index.less';\n\n/* @import \"phosphor-css/{language}/{weight}.{language}\"; */\n```\n\n```html\n\u003c!-- regular --\u003e\n\u003ci class=\"ph icon heart\" /\u003e\n```\n\n```html\n\u003c!-- bold --\u003e\n\u003ci class=\"ph icon heart bold\" /\u003e\n```\n\n## License\n\n[phosphor-icons](https://github.com/phosphor-icons/core/blob/main/LICENSE) is licensed under MIT. After building, you may find the license in the `assets` folder. Thus, the license is included in the npm package.\n\n## Contribute\n\nInstall all (dev-)dependencies by running the following.\n\n```\n  pnpm i\n```\n\nMake sure [husky](https://github.com/typicode/husky) is being installed too.\n\n```\n  pnpm run prepare\n```\n\n\\\n_And off we go …_\n\nBuild this project with the following.\n\n```\n  pnpm run build\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flucagoslar%2Fphosphor-css","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flucagoslar%2Fphosphor-css","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flucagoslar%2Fphosphor-css/lists"}