{"id":13397117,"url":"https://github.com/saeedalipoor/icono","last_synced_at":"2025-05-14T07:08:54.073Z","repository":{"id":20478830,"uuid":"23756696","full_name":"saeedalipoor/icono","owner":"saeedalipoor","description":"One tag One icon, no font or svg, Pure CSS","archived":false,"fork":false,"pushed_at":"2023-10-11T17:40:30.000Z","size":1312,"stargazers_count":3991,"open_issues_count":27,"forks_count":302,"subscribers_count":119,"default_branch":"master","last_synced_at":"2025-05-11T03:43:05.063Z","etag":null,"topics":["css","css3","icono","iconsets","purecss"],"latest_commit_sha":null,"homepage":"http://git.io/icono","language":"SCSS","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/saeedalipoor.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,"governance":null,"roadmap":null,"authors":null}},"created_at":"2014-09-07T09:37:41.000Z","updated_at":"2025-04-23T07:56:22.000Z","dependencies_parsed_at":"2024-01-06T00:05:53.561Z","dependency_job_id":null,"html_url":"https://github.com/saeedalipoor/icono","commit_stats":{"total_commits":100,"total_committers":20,"mean_commits":5.0,"dds":0.48,"last_synced_commit":"fe465db8991a4f8c74914b75e9f7a63c519f52ca"},"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/saeedalipoor%2Ficono","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/saeedalipoor%2Ficono/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/saeedalipoor%2Ficono/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/saeedalipoor%2Ficono/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/saeedalipoor","download_url":"https://codeload.github.com/saeedalipoor/icono/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254092776,"owners_count":22013290,"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","css3","icono","iconsets","purecss"],"created_at":"2024-07-30T18:01:11.227Z","updated_at":"2025-05-14T07:08:49.059Z","avatar_url":"https://github.com/saeedalipoor.png","language":"SCSS","funding_links":[],"categories":["CSS","SCSS","Web 前端","Css","Other","Frameworks / Resources"],"sub_categories":["CSS only","I"],"readme":"# icono\n\n[![Join the chat at https://gitter.im/saeedalipoor/icono](https://badges.gitter.im/Join%20Chat.svg)](https://gitter.im/saeedalipoor/icono?utm_source=badge\u0026utm_medium=badge\u0026utm_campaign=pr-badge\u0026utm_content=badge)\n\n**icono** is an icon pack that needs no external resources. Every tags can be an icon made with **pure CSS**.\n\n[Demo][2]\n\n## How to use\n\nTo get going with icono you can:\n\n* Download [icono.min.css][1]\nor\n* Install it with [Bower](http://bower.io):\n```\n$ bower install icono\n```\nor\n* Install it with [npm](https://www.npmjs.com):\n```\n$ npm install icono\n```\n\nAnd then load it in your page:\n```\n\u003clink rel=\"stylesheet\" href=\"icono.min.css\"\u003e\n```\n\nor\n\nYou can add icono folder in your project and import icono.less for compile. iconos maincolor can be changed in **variable.less**.\n\nand then\n\njust add iconos classes to any type of elements that support psuedo-element.\n\n#### Example:\n`\u003ci class=\"icono-mail\"\u003e\u003c/i\u003e`\n\n`\u003cdiv class=\"icono-mail\"\u003e\u003c/div\u003e`\n\n`\u003cspan class=\"icono-mail\"\u003e\u003c/span\u003e`\n\n`\u003cwhatever class=\"icono-mail\"\u003e\u003c/whatever\u003e`\n\nAlso you can change color of icons as simple as set color for an element.\n\n#### Example:\n`i.heart{color: red;}`\n\n\n## Available classes\n* `icono-home`\n* `icono-mail`\n* `icono-rss`\n* `icono-hamburger`\n* `icono-plus`\n* `icono-cross`\n* `icono-check`\n* `icono-power`\n* `icono-heart`\n* `icono-infinity`\n* `icono-flag`\n* `icono-file`\n* `icono-image`\n* `icono-video`\n* `icono-music`\n* `icono-headphone`\n* `icono-document`\n* `icono-folder`\n* `icono-pin`\n* `icono-smile`\n* `icono-eye`\n* `icono-eye-close`\n* `icono-sliders`\n* `icono-share`\n* `icono-sync`\n* `icono-reset`\n* `icono-gear`\n* `icono-signIn`\n* `icono-signOut`\n* `icono-support`\n* `icono-dropper`\n* `icono-tiles`\n* `icono-list`\n* `icono-chain`\n* `icono-youtube`\n* `icono-rename`\n* `icono-search`\n* `icono-book`\n* `icono-forbidden`\n* `icono-trash`\n* `icono-keyboard`\n* `icono-mouse`\n* `icono-user`\n* `icono-crop`\n* `icono-display`\n* `icono-imac`\n* `icono-iphone`\n* `icono-macbook`\n* `icono-imacBold`\n* `icono-iphoneBold`\n* `icono-macbookBold`\n* `icono-nexus`\n* `icono-microphone`\n* `icono-asterisk`\n* `icono-terminal`\n* `icono-paperClip`\n* `icono-market`\n* `icono-clock`\n* `icono-textAlignRight`\n* `icono-textAlignCenter`\n* `icono-textAlignLeft`\n* `icono-indent`\n* `icono-outdent`\n* `icono-frown`\n* `icono-meh`\n* `icono-locationArrow`\n* `icono-plusCircle`\n* `icono-checkCircle`\n* `icono-crossCircle`\n* `icono-exclamation`\n* `icono-exclamationCircle`\n* `icono-comment`\n* `icono-commentEmpty`\n* `icono-areaChart`\n* `icono-pieChart`\n* `icono-barChart`\n* `icono-bookmark`\n* `icono-bookmarkEmpty`\n* `icono-filter`\n* `icono-volume`\n* `icono-volumeLow`\n* `icono-volumeMedium`\n* `icono-volumeHigh`\n* `icono-volumeDecrease`\n* `icono-volumeIncrease`\n* `icono-volumeMute`\n* `icono-tag`\n* `icono-calendar`\n* `icono-camera`\n* `icono-piano`\n* `icono-ruler`\n* `icono-cup`\n* `icono-creditCard`\n* `icono-facebook`\n* `icono-twitter`\n* `icono-gplus`\n* `icono-linkedIn`\n* `icono-instagram`\n* `icono-flickr`\n* `icono-delicious`\n* `icono-codepen`\n* `icono-blogger`\n* `icono-play`\n* `icono-pause`\n* `icono-stop`\n* `icono-rewind`\n* `icono-forward`\n* `icono-next`\n* `icono-previous`\n* `icono-caretRight`\n* `icono-caretLeft`\n* `icono-caretUp`\n* `icono-caretDown`\n* `icono-rightArrow`\n* `icono-leftArrow`\n* `icono-upArrow`\n* `icono-downArrow`\n* `icono-sun`\n* `icono-moon`\n* `icono-disqus`\n* `icono-cart`\n* `icono-caretRightCircle`\n* `icono-caretLeftCircle`\n* `icono-caretUpCircle`\n* `icono-caretDownCircle`\n* `icono-caretRightSquare`\n* `icono-caretLeftSquare`\n* `icono-caretUpSquare`\n* `icono-caretDownSquare`\n* `icono-dribbble`\n* `icono-sitemap`\n* `icono-spinner`\n* `icono-circle`\n* `icono-ellipsis`\n\n\n## Development \u0026 Contributing\n\nUsing npm install the dependencies:\n\n    $ npm install\n\nRun Gulp\n\n    $ gulp\n\n[1]:http://saeedalipoor.github.io/icono/icono.min.css\n[2]:http://saeedalipoor.github.io/icono\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsaeedalipoor%2Ficono","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsaeedalipoor%2Ficono","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsaeedalipoor%2Ficono/lists"}