Skip to content
Meet iconistic! An icon set with 150+ free icons for yours projects.
CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
dist
docs
fonts
src
README.md
package.json

README.md

🚀 iconistic

Meet iconistic! An icon set with 150+ free icons for yours projects. Check a list of avaible icons clicking here

🔧 Installation

clone or download the repository download
put "dist/iconistic.min.css" in your css folder and import it in your html file
put directory "fonts/" in the same directory of your "css" folder

📦 Usage

use <i class="icon-{icon_name}> for use a icon:

<a href="happy.html"> <i class="icon-happy"></i> Happy! </a>

you can change the size of the icon using font-size or adding a class:

<a> <i class="icon-sm icon-happy"></i> Smallest </a>
<a> <i class="icon-s icon-happy"></i> Small </a>
<a> <i class="icon-m icon-happy"></i> Medium </a>
<a> <i class="icon-l icon-happy"></i> Large </a>
<a> <i class="icon-ls icon-happy"></i> Largest </a>

and can modify the icon color without modify the text:

<a> <i class="icon-red icon-happy"></i> Red </a>
<a> <i class="icon-yellow icon-happy"></i> Yellow </a>
<a> <i class="icon-green icon-happy"></i> Green </a>
<a> <i class="icon-blue icon-happy"></i> Blue </a>
<a> <i class="icon-purple icon-happy"></i> Purple </a>
<a> <i class="icon-pink icon-happy"></i> Pink </a>
<a> <i class="icon-orange icon-happy"></i> Orange </a>
<a> <i class="icon-white icon-happy"></i> White </a>
<a> <i class="icon-black icon-happy"></i> Black </a>

🛠️ Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Please make sure to update tests as appropriate.

📄 License

MIT

Coded with ❤️
You can’t perform that action at this time.