{"id":13479814,"url":"https://github.com/iconoir-icons/iconoir","last_synced_at":"2025-05-14T22:03:58.731Z","repository":{"id":37581020,"uuid":"127029973","full_name":"iconoir-icons/iconoir","owner":"iconoir-icons","description":"An open source icons library with 1600+ icons, supporting React, React Native, Flutter, Vue, Figma, and Framer.","archived":false,"fork":false,"pushed_at":"2025-04-13T09:53:13.000Z","size":13444,"stargazers_count":3998,"open_issues_count":108,"forks_count":172,"subscribers_count":23,"default_branch":"main","last_synced_at":"2025-04-19T22:21:12.275Z","etag":null,"topics":["figma","flutter","framer","icon","icons","react","react-native","svg"],"latest_commit_sha":null,"homepage":"https://iconoir.com","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/iconoir-icons.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","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":{"github":"lucaburgio","open_collective":"iconoir"}},"created_at":"2018-03-27T18:33:08.000Z","updated_at":"2025-04-19T15:44:32.000Z","dependencies_parsed_at":"2023-07-16T17:04:06.389Z","dependency_job_id":"c56f5076-7a2e-4f67-85a6-2d1b724b0682","html_url":"https://github.com/iconoir-icons/iconoir","commit_stats":{"total_commits":509,"total_committers":21,"mean_commits":"24.238095238095237","dds":0.5127701375245579,"last_synced_commit":"1ac85cc784e4e61e43c8168de7d11b2b8bfdf660"},"previous_names":["lucaburgio/iconoir"],"tags_count":62,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/iconoir-icons%2Ficonoir","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/iconoir-icons%2Ficonoir/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/iconoir-icons%2Ficonoir/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/iconoir-icons%2Ficonoir/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/iconoir-icons","download_url":"https://codeload.github.com/iconoir-icons/iconoir/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":249986736,"owners_count":21356477,"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":["figma","flutter","framer","icon","icons","react","react-native","svg"],"created_at":"2024-07-31T16:02:23.397Z","updated_at":"2025-04-22T16:47:47.328Z","avatar_url":"https://github.com/iconoir-icons.png","language":"TypeScript","funding_links":["https://github.com/sponsors/lucaburgio","https://opencollective.com/iconoir"],"categories":["TypeScript","Mobile","前端开发框架及项目","IconSet Included"],"sub_categories":["React Native \u0026 Expo","多工具库支持或纯JS"],"readme":"# Iconoir\n\n[![Version](https://img.shields.io/github/v/release/iconoir-icons/iconoir?style=flat-square)](https://github.com/iconoir-icons/iconoir/releases)\n[![Project Stars](https://img.shields.io/github/stars/iconoir-icons/iconoir?style=flat-square)](https://github.com/iconoir-icons/iconoir)\n[![React Library](https://img.shields.io/npm/dm/iconoir-react?color=98E8F3\u0026label=react\u0026style=flat-square)](https://www.npmjs.com/package/iconoir-react)\n[![License](https://img.shields.io/github/license/iconoir-icons/iconoir?style=flat-square)](https://github.com/iconoir-icons/iconoir/blob/main/LICENSE)\n[![Discord](https://img.shields.io/discord/998909400234348615?color=5865f2\u0026label=Discord\u0026style=flat-square)](https://discord.gg/txXcKCAmKW)\n\n## What is Iconoir?\n\nIconoir is an open-source library with 1500+ unique SVG icons, designed on a 24x24 pixels grid.\n\n\u003ca href=\"https://iconoir.com\"\u003e\u003cstrong\u003eBrowse at iconoir.com \u0026rarr;\u003c/strong\u003e\u003c/a\u003e\n\n## Basic Usage\n\nYou can download any icon of the pack directly from https://iconoir.com or get them from this repository.\n\nThe icons are also available via the [`iconoir`](https://www.npmjs.com/package/iconoir) NPM package:\n\n| npm             | Yarn               | pnpm               | Bun               |\n| --------------- | ------------------ | ------------------ | ----------------- |\n| `npm i iconoir` | `yarn add iconoir` | `pnpm add iconoir` | `bun add iconoir` |\n\nExample usage:\n\n```js\nimport Iconoir from 'iconoir/icons/iconoir.svg';\n```\n\n## React\n\nA React library is available under the name `iconoir-react`.\n\nFor more details, see the package [README](./packages/iconoir-react).\n\n## React Native\n\nA React Native library is available under the name `iconoir-react-native`.\n\nFor more details, see the package [README](./packages/iconoir-react-native).\n\n## Vue\n\nA Vue library is available under the name `@iconoir/vue`.\n\nFor more details, see the package [README](./packages/iconoir-vue).\n\n## Flutter\n\nA Flutter library is available under the name `iconoir_flutter`.\n\nFor more details, see the package [README](./packages/iconoir-flutter).\n\n## Framer\n\nIconoir is happily part of [Framer](https://framer.com).\n\nTo start using the icons: On the top menu, `Insert` \u003e `Graphics` \u003e `Iconoir`.\n\nYou can switch between icons from the right sidebar in the editor.\n\n## CSS\n\nImport the CSS file:\n\n```html\n\u003clink rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/gh/iconoir-icons/iconoir@main/css/iconoir.css\" /\u003e\n```\n\nHere is an example in HTML:\n\n```html\n\u003ci class=\"iconoir-hand-brake\"\u003e\u003c/i\u003e\n```\n\nThe class must always be \"iconoir-\" and then the name of the icon. You can find the names of the icons [here](https://iconoir.com).\n\nThe icons are `display: inline-block` and default to the current font size. You can control this\nby adjusting the `::before` styles of the element (which is where the icons are added as a mask).\n\n## Figma\n\nThe library is available in the Figma community [here](https://www.figma.com/community/file/983248991460488027/Iconoir-Pack).\n\n## Swift Package\n\nTo add `Iconoir-swift` to your Xcode project, follow these steps:\n\n1. In Xcode, open your project and navigate to _File_ \u003e _Swift Packages_ \u003e _Add Package Dependency..._\n2. Enter the repository URL: `https://github.com/iconoir-icons/iconoir-swift.git`\n3. Choose the branch or version you want to add, and click _Next_.\n4. Select the target where you want to use the package, then click _Finish_.\n\n### UIKit\n\n```swift\nimport UIKit\nimport Iconoir\n\nlet imageView = UIImageView(image: Iconoir.bell.asUIImage)\n```\n\n### SwiftUI\n\n```swift\nimport SwiftUI\nimport Iconoir\n\nstruct ContentView: View {\n    var body: some View {\n        Iconoir.bell.asImage\n            .foregroundColor(.blue)\n            .font(.system(size: 24))\n    }\n}\n```\n\n## License\n\nMIT License.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ficonoir-icons%2Ficonoir","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ficonoir-icons%2Ficonoir","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ficonoir-icons%2Ficonoir/lists"}