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
1

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

map
<img src="envelope.svg">

Power-up
2

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!

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

Get the most from Iconic
3

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