icono
icono is an icon pack that needs no external resources. Every tags can be an icon made with pure CSS.
How to use
To get going with icono you can:
- Download icono.min.css
or - Install it with Bower:
$ bower install icono
or
- Install it with npm:
$ npm install icono
And then load it in your page:
<link rel="stylesheet" href="icono.min.css">
or
You can add icono folder in your project and import icono.less for compile. iconos maincolor can be changed in variable.less.
and then
just add iconos classes to any type of elements that support psuedo-element.
Example:
<i class="icono-mail"></i>
<div class="icono-mail"></div>
<span class="icono-mail"></span>
<whatever class="icono-mail"></whatever>
Also you can change color of icons as simple as set color for an element.
Example:
i.heart{color: red;}
Available classes
icono-homeicono-mailicono-rssicono-hamburgericono-plusicono-crossicono-checkicono-powericono-hearticono-infinityicono-flagicono-fileicono-imageicono-videoicono-musicicono-headphoneicono-documenticono-foldericono-pinicono-smileicono-eyeicono-slidersicono-shareicono-syncicono-reseticono-gearicono-signInicono-signOuticono-supporticono-droppericono-tilesicono-listicono-chainicono-youtubeicono-renameicono-searchicono-bookicono-forbiddenicono-trashicono-keyboardicono-mouseicono-usericono-cropicono-displayicono-imacicono-iphoneicono-macbookicono-imacBoldicono-iphoneBoldicono-macbookBoldicono-nexusicono-microphoneicono-asteriskicono-terminalicono-paperClipicono-marketicono-clockicono-textAlignRighticono-textAlignCentericono-textAlignLefticono-indenticono-outdenticono-frownicono-mehicono-locationArrowicono-plusCircleicono-checkCircleicono-crossCircleicono-exclamationicono-exclamationCircleicono-commenticono-commentEmptyicono-areaCharticono-pieCharticono-barCharticono-bookmarkicono-bookmarkEmptyicono-filtericono-volumeicono-volumeLowicono-volumeMediumicono-volumeHighicono-volumeDecreaseicono-volumeIncreaseicono-volumeMuteicono-tagicono-calendaricono-cameraicono-pianoicono-rulericono-cupicono-creditCardicono-facebookicono-twittericono-gplusicono-linkedInicono-instagramicono-flickricono-deliciousicono-codepenicono-bloggericono-playicono-pauseicono-stopicono-rewindicono-forwardicono-nexticono-previousicono-caretRighticono-caretLefticono-caretUpicono-caretDownicono-rightArrowicono-leftArrowicono-upArrowicono-downArrowicono-sunicono-moonicono-disqusicono-carticono-caretRightCircleicono-caretLeftCircleicono-caretUpCircleicono-caretDownCircleicono-caretRightSquareicono-caretLeftSquareicono-caretUpSquareicono-caretDownSquareicono-dribbbleicono-sitemapicono-spinnericono-circleicono-ellipsis
Development & Contributing
Using npm install the dependencies:
$ npm install
Run Gulp
$ gulp