{"id":21532408,"url":"https://github.com/jeepeng/taro-icons","last_synced_at":"2025-07-04T20:34:21.229Z","repository":{"id":33130088,"uuid":"152712877","full_name":"Jeepeng/taro-icons","owner":"Jeepeng","description":"基于 Taro 的小程序图标库","archived":false,"fork":false,"pushed_at":"2022-12-09T05:21:54.000Z","size":5520,"stargazers_count":58,"open_issues_count":18,"forks_count":1,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-06-25T22:04:19.630Z","etag":null,"topics":["icon","icons","mini-program","taro","taro-icons","taro-ui","weapp","wechat","weixin"],"latest_commit_sha":null,"homepage":null,"language":"CSS","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/Jeepeng.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null},"funding":{"github":null,"patreon":null,"open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"custom":null}},"created_at":"2018-10-12T07:42:36.000Z","updated_at":"2025-06-12T13:16:43.000Z","dependencies_parsed_at":"2023-01-14T23:32:56.356Z","dependency_job_id":null,"html_url":"https://github.com/Jeepeng/taro-icons","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"purl":"pkg:github/Jeepeng/taro-icons","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Jeepeng%2Ftaro-icons","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Jeepeng%2Ftaro-icons/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Jeepeng%2Ftaro-icons/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Jeepeng%2Ftaro-icons/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Jeepeng","download_url":"https://codeload.github.com/Jeepeng/taro-icons/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Jeepeng%2Ftaro-icons/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":263615728,"owners_count":23489184,"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":["icon","icons","mini-program","taro","taro-icons","taro-ui","weapp","wechat","weixin"],"created_at":"2024-11-24T02:19:50.585Z","updated_at":"2025-07-04T20:34:21.189Z","avatar_url":"https://github.com/Jeepeng.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# taro-icons\n基于 Taro 的小程序图标库\n\n![example](screenshots/example.jpg)\n\n## 特性\n* 按需加载，根据自身需要选择加载不同的图标库，减少包大小\n* 大约 6700 个 icon 可供选择\n\n## 支持的图标库:\n- [x] [Ionicons](https://ionicons.com/) (v4.5.5, 696 icons,  ～134KB)\n- [x] [MaterialIcons](https://material.io/tools/icons/) (v3.0.1, 935 icons, ～112KB)\n- [x] [MaterialCommunityIcons](https://materialdesignicons.com/)  (v3.5.95, 3596 icons, ～495KB)\n- [x] [FontAwesome](https://fontawesome.com/) (v5.8.1, 1513 icons, ~322KB)\n\n## 安装\n```shell\nnpm install taro-icons --save\n```\n## 使用\n在 `app.js` 中导入你需要的图标库`scss` 文件，如 `MaterialIcons`:\n```js\n// app.js\n// 请根据需要选择导入的 scss，这里全部导入\nimport 'taro-icons/scss/MaterialCommunityIcons.scss' // 495KB\nimport 'taro-icons/scss/MaterialIcons.scss' // 112KB\nimport 'taro-icons/scss/Ionicons.scss' // 134KB\nimport 'taro-icons/scss/FontAwesome.scss' // 322KB\n```\n\n然后在需要用到图标的地方引入对应d的`component`使用:\n```js\nimport {\n  MaterialIcons,\n  MaterialCommunityIcons,\n  Ionicons,\n  FontAwesome,\n} from 'taro-icons';\n...\n\n\u003cMaterialIcons name='settings' size={24} color='#000000' /\u003e\n\u003cMaterialCommunityIcons name='account' size={32} color='#000000' /\u003e\n\u003cIonicons name='ios-woman' size={32} color='pink' /\u003e\n\u003cFontAwesome family='brands' name='weixin' size={32} /\u003e\n```\n其中`name`必填，可以在对应的网站上找到  \n具体用法请参考 `example`\n\n## Icon props\n| 属性 | 说明 | 类型 | 默认值 |\n| ------ | ------ | ------ | ------ |\n| name | 需要显示的图标名称，可以在对应图标库网站找到 | String |  |\n| size | 图标大小（px） | Number | 24 |\n| color | 图标颜色 | String | #000000 |\n| family | FontAwesome 特有属性(solid、regular、brands) | String | solid |\n\n## ⚠️注意事项\n在`微信开发者工具`中，选择 设置 -\u003e 项目设置 -\u003e 调试基础库，设置版本`2.2.3`及以上，图标才能正常显示\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjeepeng%2Ftaro-icons","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjeepeng%2Ftaro-icons","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjeepeng%2Ftaro-icons/lists"}