Getting Started with Iconic

There's a whole lot to Iconic, but the fundamentals are the same as what you're used to.

Icon, meet page

At the most basic level, Iconic icons are SVG files that you can use by simply adding them to your HTML with img tags.

<img src="envelope.svg">


To unlock the full power of Iconic's features we've created a helper library called iconic.js. Just put it on your page, add the iconic class and replace src with data-src to your img tags. That's it!

<script src="iconic.min.js"></script>
<img class="iconic" data-src="envelope.svg">

Get the most from Iconic

What to create a theme for Iconic? Working on a responsive design? Ready to use some Smart Icons? We've got a guide for you.

Check out the guides