{"id":13701040,"url":"https://github.com/framework7io/framework7-icons","last_synced_at":"2026-04-02T02:17:30.298Z","repository":{"id":12589073,"uuid":"70082939","full_name":"framework7io/framework7-icons","owner":"framework7io","description":"Free iOS-icons font for Framework7","archived":false,"fork":false,"pushed_at":"2025-03-03T23:39:58.000Z","size":24005,"stargazers_count":226,"open_issues_count":26,"forks_count":120,"subscribers_count":15,"default_branch":"master","last_synced_at":"2026-04-01T07:52:26.466Z","etag":null,"topics":["font-files","framework7-icons","icon-font"],"latest_commit_sha":null,"homepage":"http://framework7.io/icons/","language":"HTML","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/framework7io.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null},"funding":{"patreon":"framework7","open_collective":"framework7"}},"created_at":"2016-10-05T17:30:49.000Z","updated_at":"2026-03-13T17:12:56.000Z","dependencies_parsed_at":"2025-05-17T07:45:39.896Z","dependency_job_id":null,"html_url":"https://github.com/framework7io/framework7-icons","commit_stats":null,"previous_names":["nolimits4web/framework7-icons"],"tags_count":35,"template":false,"template_full_name":null,"purl":"pkg:github/framework7io/framework7-icons","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/framework7io%2Fframework7-icons","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/framework7io%2Fframework7-icons/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/framework7io%2Fframework7-icons/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/framework7io%2Fframework7-icons/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/framework7io","download_url":"https://codeload.github.com/framework7io/framework7-icons/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/framework7io%2Fframework7-icons/sbom","scorecard":{"id":408915,"data":{"date":"2025-08-11","repo":{"name":"github.com/framework7io/framework7-icons","commit":"7fb38494ba82cbef74d4f7e725431544c8ea1ee5"},"scorecard":{"version":"v5.2.1-40-gf6ed084d","commit":"f6ed084d17c9236477efd66e5b258b9d4cc7b389"},"score":1.7,"checks":[{"name":"Packaging","score":-1,"reason":"packaging workflow not detected","details":["Warn: no GitHub/GitLab publishing workflow detected."],"documentation":{"short":"Determines if the project is published as a package that others can easily download, install, easily update, and uninstall.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#packaging"}},{"name":"Dangerous-Workflow","score":-1,"reason":"no workflows found","details":null,"documentation":{"short":"Determines if the project's GitHub Action workflows avoid dangerous patterns.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#dangerous-workflow"}},{"name":"Maintained","score":0,"reason":"0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project is \"actively maintained\".","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#maintained"}},{"name":"Token-Permissions","score":-1,"reason":"No tokens found","details":null,"documentation":{"short":"Determines if the project's workflows follow the principle of least privilege.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#token-permissions"}},{"name":"Code-Review","score":0,"reason":"Found 2/25 approved changesets -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project requires human code review before pull requests (aka merge requests) are merged.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#code-review"}},{"name":"CII-Best-Practices","score":0,"reason":"no effort to earn an OpenSSF best practices badge detected","details":null,"documentation":{"short":"Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#cii-best-practices"}},{"name":"Fuzzing","score":0,"reason":"project is not fuzzed","details":["Warn: no fuzzer integrations found"],"documentation":{"short":"Determines if the project uses fuzzing.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#fuzzing"}},{"name":"License","score":10,"reason":"license file detected","details":["Info: project has a license file: LICENSE:0","Info: FSF or OSI recognized license: MIT License: LICENSE:0"],"documentation":{"short":"Determines if the project has defined a license.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#license"}},{"name":"Binary-Artifacts","score":10,"reason":"no binaries found in the repo","details":null,"documentation":{"short":"Determines if the project has generated executable (binary) artifacts in the source repository.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#binary-artifacts"}},{"name":"Pinned-Dependencies","score":-1,"reason":"no dependencies found","details":null,"documentation":{"short":"Determines if the project has declared and pinned the dependencies of its build process.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#pinned-dependencies"}},{"name":"Signed-Releases","score":-1,"reason":"no releases found","details":null,"documentation":{"short":"Determines if the project cryptographically signs release artifacts.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#signed-releases"}},{"name":"Branch-Protection","score":0,"reason":"branch protection not enabled on development/release branches","details":["Warn: branch protection not enabled for branch 'master'"],"documentation":{"short":"Determines if the default and release branches are protected with GitHub's branch protection settings.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#branch-protection"}},{"name":"Security-Policy","score":0,"reason":"security policy file not detected","details":["Warn: no security policy file detected","Warn: no security file to analyze","Warn: no security file to analyze","Warn: no security file to analyze"],"documentation":{"short":"Determines if the project has published a security policy.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#security-policy"}},{"name":"SAST","score":0,"reason":"SAST tool is not run on all commits -- score normalized to 0","details":["Warn: 0 commits out of 7 are checked with a SAST tool"],"documentation":{"short":"Determines if the project uses static code analysis.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#sast"}},{"name":"Vulnerabilities","score":0,"reason":"26 existing vulnerabilities detected","details":["Warn: Project is vulnerable to: GHSA-968p-4wvh-cqc8","Warn: Project is vulnerable to: GHSA-67hx-6x53-jw92","Warn: Project is vulnerable to: GHSA-93q8-gq69-wqmw","Warn: Project is vulnerable to: GHSA-v6h2-p8h4-qcjw","Warn: Project is vulnerable to: GHSA-grv7-fg5c-xmjg","Warn: Project is vulnerable to: GHSA-w8qv-6jwh-64r5","Warn: Project is vulnerable to: GHSA-w573-4hg7-7wgq","Warn: Project is vulnerable to: GHSA-9q64-mpxx-87fg","Warn: Project is vulnerable to: GHSA-jc84-3g44-wf2q","Warn: Project is vulnerable to: GHSA-74fj-2j2h-c42q","Warn: Project is vulnerable to: GHSA-pw2r-vq6v-hr8c","Warn: Project is vulnerable to: GHSA-jchw-25xp-jwwc","Warn: Project is vulnerable to: GHSA-cxjh-pqwp-8mfp","Warn: Project is vulnerable to: GHSA-ww39-953v-wcq6","Warn: Project is vulnerable to: GHSA-6x33-pw7p-hmpq","Warn: Project is vulnerable to: GHSA-9c47-m6qq-7p4h","Warn: Project is vulnerable to: GHSA-29mw-wpgm-hmr9","Warn: Project is vulnerable to: GHSA-35jh-r3h4-6jhm","Warn: Project is vulnerable to: GHSA-952p-6rrq-rcjv","Warn: Project is vulnerable to: GHSA-f8q6-p94x-37v3","Warn: Project is vulnerable to: GHSA-vh95-rmgr-6w4m","Warn: Project is vulnerable to: GHSA-xvch-5gv4-984h","Warn: Project is vulnerable to: GHSA-gqgv-6jq5-jjj9","Warn: Project is vulnerable to: GHSA-hrpp-h998-j3pp","Warn: Project is vulnerable to: GHSA-c2qf-rxjj-qqgw","Warn: Project is vulnerable to: GHSA-52f5-9888-hmc6"],"documentation":{"short":"Determines if the project has open, known unfixed vulnerabilities.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#vulnerabilities"}}]},"last_synced_at":"2025-08-18T22:07:42.963Z","repository_id":12589073,"created_at":"2025-08-18T22:07:42.963Z","updated_at":"2025-08-18T22:07:42.963Z"},"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31294500,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-02T01:43:37.129Z","status":"online","status_checked_at":"2026-04-02T02:00:08.535Z","response_time":89,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["font-files","framework7-icons","icon-font"],"created_at":"2024-08-02T20:01:15.041Z","updated_at":"2026-04-02T02:17:30.272Z","avatar_url":"https://github.com/framework7io.png","language":"HTML","readme":"\u003ca href=\"https://www.patreon.com/framework7\"\u003e\u003cimg src=\"https://framework7.io/i/support-badge.png\" height=\"20\"\u003e\u003c/a\u003e\n\n# Framework7 Icons\n\nThe premium and free iOS-icons font for [Framework7](https://framework7.io/).\n\nThe font is developed to be used with [Framework7](https://framework7.io/), but you can use it wherever you see it fits, personal or commercial. It is free to use and licensed under [MIT](http://opensource.org/licenses/MIT).\n\n## Getting Started\n\n1. Download and extract the font pack\n2. Copy the `framework7-icons.css` to your project or add this CSS to your own CSS file:\n\n   ```css\n   @font-face {\n     font-family: 'Framework7 Icons';\n     font-style: normal;\n     font-weight: 400;\n     src: local('Framework7 Icons'), local('Framework7Icons-Regular'),\n       url('../fonts/Framework7Icons-Regular.woff2') format('woff2'), url('../fonts/Framework7Icons-Regular.woff')\n         format('woff'), url('../fonts/Framework7Icons-Regular.ttf') format('truetype');\n   }\n\n   .f7-icons,\n   .framework7-icons {\n     font-family: 'Framework7 Icons';\n     font-weight: normal;\n     font-style: normal;\n     font-size: 28px;\n     line-height: 1;\n     letter-spacing: normal;\n     text-transform: none;\n     display: inline-block;\n     white-space: nowrap;\n     word-wrap: normal;\n     direction: ltr;\n     -webkit-font-smoothing: antialiased;\n     text-rendering: optimizeLegibility;\n     -moz-osx-font-smoothing: grayscale;\n     -webkit-font-feature-settings: 'liga';\n     -moz-font-feature-settings: 'liga=1';\n     -moz-font-feature-settings: 'liga';\n     font-feature-settings: 'liga';\n   }\n   ```\n\n3. Copy the `fonts` folder to your project\n4. Ensure the font urls within `framework7-icons.css` properly reference the `fonts` path within your project.\n5. Include a reference to the `framework7-icons.css` file from every webpage you need to use it:\n\n   ```html\n   \u003clink rel=\"stylesheet\" href=\"path/to/framework7-icons.css\" /\u003e\n   ```\n\nOr with [component](https://github.com/componentjs/component):\n\n    $ component install framework7io/framework7-icons\n\nOr with [bower](http://bower.io/):\n\n    $ bower install framework7-icons\n\nOr with [npm](http://npmjs.com/):\n\n    $ npm install framework7-icons\n\n## Webpack\n\nWhen using webpack, you must add loaders for css and fonts.\n\n```js\n{ test: /\\.css/, loader: 'style-loader!css-loader' },\n{ test: /\\.(woff|woff2|ttf)$/, loader: 'url-loader?limit=100000' },\n```\n\nThen you can import the module like so:\n\n```js\nimport 'framework7-icons';\n```\n\n## HTML Example\n\nYou can use [framework7.io](https://framework7.io) or included `cheatsheet.html` file to easily find the icon you want to use. It’s easy to incorporate icons into your web page. Here’s a small example:\n\n```html\n\u003ci class=\"f7-icons\"\u003ehouse\u003c/i\u003e\n```\n\nThis example uses a typographic feature called [ligatures](http://alistapart.com/article/the-era-of-symbol-fonts), which allows rendering of an icon glyph simply by using its textual name. The replacement is done automatically by the web browser and provides more readable code than the equivalent numeric character reference.\n\n## Styling Icons\n\n### Sizing\n\nFramework7 Icons look best at 28px, but if an icon needs to be displayed in an alternative size, just use CSS `font-size` rule:\n\n```css\n.size-14 {\n  font-size: 14px;\n}\n.size-28 {\n  font-size: 28px;\n}\n.size-32 {\n  font-size: 32px;\n}\n.size-56 {\n  font-size: 56px;\n}\n```\n\n```html\n\u003ci class=\"f7-icons size-14\"\u003ehouse\u003c/i\u003e\n\u003ci class=\"f7-icons size-28\"\u003ehouse\u003c/i\u003e\n\u003ci class=\"f7-icons size-32\"\u003ehouse\u003c/i\u003e\n\u003ci class=\"f7-icons size-56\"\u003ehouse\u003c/i\u003e\n```\n\n### Coloring\n\nUsing the icon font allows for easy styling of an icon in any color.\n\n```css\n.color-black {\n  color: #000;\n}\n.color-white {\n  color: #fff;\n}\n```\n\n```html\n\u003ci class=\"icon f7-icons color-black\"\u003ehouse\u003c/i\u003e \u003ci class=\"icon f7-icons color-white\"\u003ehouse\u003c/i\u003e\n```\n\n## Using in `data-` attributes\n\nAdd the following CSS rule:\n\n```css\n.f7-icons[data-icon]:before {\n  content: attr(data-icon);\n  color: inherit;\n}\n```\n\nAnd now you can use it with `data-` attributes:\n\n```html\n\u003ci class=\"f7-icons\" data-icon=\"house\"\u003e\u003c/i\u003e\n```\n\n## SVG Components\n\nSince v 4.0.0 there are pure SVG components available for React, Svelte and Vue.\n\nIn React:\n\n```jsx\nimport { House, HeartCircle } from 'framework7-icons/react';\n\nexport default () {\n  // ...\n  return (\n    \u003cdiv\u003e\n      \u003cHouse /\u003e\n      ...\n      \u003cHeartCircle /\u003e\n    \u003c/div\u003e\n  )\n}\n```\n\nIn Svelte:\n\n```html\n\u003cdiv\u003e\n  ...\n  \u003cHouse /\u003e\n  ...\n  \u003cHeartCircle /\u003e\n  ...\n\u003c/div\u003e\n\u003cscript\u003e\n  import { House, HeartCircle } from 'framework7-icons/svelte';\n  // ...\n\u003c/script\u003e\n```\n\nIn Vue:\n\n```html\n\u003ctemplate\u003e\n  \u003cdiv\u003e\n    ...\n    \u003cf7-house /\u003e\n    ...\n    \u003cf7-heart-circle /\u003e\n    ...\n  \u003c/div\u003e\n\u003c/template\u003e\n\n\u003cscript\u003e\n  import { House, HeartCircle } from 'framework7-icons/vue';\n\n  export default {\n    components: {\n      f7House: House,\n      f7HeartCircle: HeartCircle,\n    },\n    ...\n  }\n\u003c/script\u003e\n```\n\n## Build Instructions\n\nThis repo already comes with all the files built and ready to go, but can also build the fonts from the source. Requires Python, FontForge and woff2:\n\n1. Install FontForge, which is the program that creates the font files from the SVG files:\n\n   $ brew install fontforge ttfautohint\n\n2. Install woff2\n\n   $ git clone --recursive https://github.com/google/woff2.git\n   $ cd woff2\n   $ make clean all\n\n3. Add or subtract files from the `src/` folder you'd like to be apart of the font files.\n\n4. Run the build command:\n\n   python ./build/generate.py\n\n## License\n\nFramework7 Icons font is licensed under the [MIT license](http://opensource.org/licenses/MIT).\n","funding_links":["https://patreon.com/framework7","https://opencollective.com/framework7","https://www.patreon.com/framework7"],"categories":["HTML"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fframework7io%2Fframework7-icons","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fframework7io%2Fframework7-icons","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fframework7io%2Fframework7-icons/lists"}