{"id":13669834,"url":"https://github.com/qieguo2016/iconoo","last_synced_at":"2025-04-27T08:32:55.276Z","repository":{"id":57270962,"uuid":"71455981","full_name":"qieguo2016/iconoo","owner":"qieguo2016","description":"A Flexible Pure CSS Icon Pack! One Tag One Icon! https://qieguo2016.github.io/iconoo/","archived":false,"fork":false,"pushed_at":"2017-05-12T09:44:38.000Z","size":185,"stargazers_count":168,"open_issues_count":1,"forks_count":37,"subscribers_count":4,"default_branch":"master","last_synced_at":"2024-11-11T07:38:49.234Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","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/qieguo2016.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"license","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-10-20T11:23:58.000Z","updated_at":"2023-06-24T06:11:49.000Z","dependencies_parsed_at":"2022-09-06T21:50:38.678Z","dependency_job_id":null,"html_url":"https://github.com/qieguo2016/iconoo","commit_stats":null,"previous_names":[],"tags_count":9,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/qieguo2016%2Ficonoo","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/qieguo2016%2Ficonoo/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/qieguo2016%2Ficonoo/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/qieguo2016%2Ficonoo/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/qieguo2016","download_url":"https://codeload.github.com/qieguo2016/iconoo/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":251112613,"owners_count":21538162,"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":[],"created_at":"2024-08-02T09:00:23.281Z","updated_at":"2025-04-27T08:32:54.554Z","avatar_url":"https://github.com/qieguo2016.png","language":"CSS","funding_links":[],"categories":["CSS"],"sub_categories":[],"readme":"# iconoo\n\n[![CircleCI](https://img.shields.io/circleci/project/qieguo2016/iconoo.svg)](https://github.com/qieguo2016/iconoo) [![GitHub stars](https://img.shields.io/github/stars/qieguo2016/iconoo.svg)](https://github.com/qieguo2016/iconoo/stargazers) [![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://raw.githubusercontent.com/qieguo2016/iconoo/master/license)\n\n**iconoo**是一个纯CSS的图标库，基于 **[icono][1]** 改造而成，增加了整体缩放功能（线宽不变）和`webpack`引入方式。\n\n**[LIVE DEMO][2]**\n\n![iconoo][3]\n\n## How to use\n\n- **[下载][4]** 后直接link引入css文件，然后直接在标签中引入相应的class即可，例如：\n\n`\u003ci class=\"iconoo-home\"\u003e\u003c/i\u003e`\n\n`\u003cdiv class=\"iconoo-home\"\u003e\u003c/div\u003e`\n\n`\u003cspan class=\"iconoo-home\"\u003e\u003c/span\u003e`\n\n`\u003cwhatever class=\"iconoo-home\"\u003e\u003c/whatever\u003e`\n\n- 如果你使用webpack，那么可以直接使用安装npm包并引入iconoo库即可。\n\n```bash\n// 安装包\nnpm i iconoo\n\n// 通过webpack引入\nrequire('iconoo');\n```\n\n**PS：**\n\n- 设置font-size可等比缩放图标，同时保持线宽不变，默认值为20px（图标宽高为30px）\n\n- 设置zoom或者transform scale可等比缩放图标，线宽也同时变大\n\n- 如果需要改变线宽和其他全局属性，请下载源码，更改variables.sass内的相应变量\n\n-------\n\n# iconoo\n\n**iconoo** is an icon pack that needs no external resources. **iconoo** is base on **[icono][1]**, and it is flexible, and you don't need to calculate any diamesion.\n\n[LIVE DEMO][2]\n\n## How to use\n\n- [Download][3] the css file and link it to your page, then use these class in every tag you want, like these：\n\n`\u003ci class=\"iconoo-home\"\u003e\u003c/i\u003e`\n\n`\u003cdiv class=\"iconoo-home\"\u003e\u003c/div\u003e`\n\n`\u003cspan class=\"iconoo-home\"\u003e\u003c/span\u003e`\n\n`\u003cwhatever class=\"iconoo-home\"\u003e\u003c/whatever\u003e`\n\n- if you use webpack，then you can install iconoo via npm and import into your app like this: \n\n```bash\nnpm i iconoo\n\nrequire('iconoo');\n```\n\nPS: You can simple adjust the size of icons by setting its font-size, of course you can also scale icons by zoom or transform: scale.\n  \n[1]:https://github.com/saeedalipoor/icono\n[2]:https://qieguo2016.github.io/iconoo/\n[3]:https://github.com/qieguo2016/iconoo/blob/master/.github/iconoo.png\n[4]:https://github.com/qieguo2016/iconoo/blob/master/dist/iconoo.min.css\n  \n------\n\n## Available classes\n\n * `iconoo-pin`\n * `iconoo-locationArrow`\n * `iconoo-sync`\n * `iconoo-reset`\n * `iconoo-share`\n * `iconoo-search`\n * `iconoo-home`\n * `iconoo-bars`\n * `iconoo-ellipsis`\n * `iconoo-tiles`\n * `iconoo-list`\n * `iconoo-smile`\n * `iconoo-frown`\n * `iconoo-meh`\n * `iconoo-volume`\n * `iconoo-volumeLow`\n * `iconoo-volumeMedium`\n * `iconoo-volumeHigh`\n * `iconoo-volumeDecrease`\n * `iconoo-volumeIncrease`\n * `iconoo-volumeMute`\n * `iconoo-play`\n * `iconoo-pause`\n * `iconoo-stop`\n * `iconoo-rewind`\n * `iconoo-forward`\n * `iconoo-next`\n * `iconoo-previous`\n * `iconoo-rightArrow`\n * `iconoo-leftArrow`\n * `iconoo-upArrow`\n * `iconoo-downArrow`\n * `iconoo-check`\n * `iconoo-checkCircle`\n * `iconoo-cross`\n * `iconoo-crossCircle`\n * `iconoo-plus`\n * `iconoo-plusCircle`\n * `iconoo-caretRight`\n * `iconoo-caretLeft`\n * `iconoo-caretUp`\n * `iconoo-caretDown`\n * `iconoo-caretRightCircle`\n * `iconoo-caretLeftCircle`\n * `iconoo-caretUpCircle`\n * `iconoo-caretDownCircle`\n * `iconoo-caretRightSquare`\n * `iconoo-caretLeftSquare`\n * `iconoo-caretUpSquare`\n * `iconoo-caretDownSquare`\n  \n## Development \u0026 Contributing\n\nUsing npm install the dependencies:\n\n    $ npm install\n\nRun Gulp\n\n    $ gulp\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fqieguo2016%2Ficonoo","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fqieguo2016%2Ficonoo","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fqieguo2016%2Ficonoo/lists"}