Move your iconography forward
Ready for more?
Our icon system is your creative playground
Iconic is much more than a static icon set — it's a new way of thinking about icons, their structure and abilities.
Semantic SVG built for creative freedom
Our icons aren’t just vector, they are code, SVG to be precise. SVG makes them portable, flexible, and extendable just like the web.
Style any element within icons using CSS
One color? Boo! Iconic's semantic structure allows you to style down to an icon's minute detail—with basic CSS.
Create multi-color themes with CSS to match your brand
Want to style every icon green, or match all seven of your brand colors? We have sample themes with variables in SCSS & LESS to get you going.
Select an example theme
Multi-color
Multi-tone
Contained
One icon, infinite possibilities
The web is dynamic—we think icons should be as well. Our smart icons have a super-simple API which makes swapping out assets a thing of the past.
Three uniquely designed sizes
Just because vector icons are infinitely scalable doesn't mean they're infinitely legible. Iconic's three sizes aren't just scaled versions of the same icon.
Small
Pixel perfect legibility at 16x16
Medium
Added detail for better communication at 32x32
Large
Illustrative, and packed with meaning at 128x128
Responsive icons adjust with your audience
Since all of our icons come in three designed sizes, we thought we might as well take advantage of it. Our icons can automatically adjust to a viewer's screen size.
Use simply
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 to your img tags and you're set.
We’ve got a guide for you
When you’re ready to take full advantage of Iconic, we’ve got you covered with examples and interactive tools in our how-to guides.
Everything you need to communicate more with your icons
Smart, Semantic & Flat SVGs
SVG is the root of every Iconic icon. To support all workflows, Iconic includes Smart SVGs, Semantic SVGs, and Flattened SVGs. You’ll probably only use the smart ones :)
Webfont
Semantic icons are the future of iconography. However, in certain cases, a webfont is the most efficient tool for the job. Iconic ships with 1600 icons in .woff, .ttf, .otf, .svg & .eot.
PNG & Retina PNGs
Like us, you’re probably building native mobile apps in addition to web experiences. Iconic comes packaged with 1x, and 2x versions of all our PNGs for retina devices.
Bootstrap Font
We’re big fans of Bootstrap, frameworks, and prototyping in general. Iconic can be swapped in for Bootstrap’s standard icons in a jiffy. We even have a guide dedicated to help yah.
ToolkitCOMING SOON
We’re developing a whole set of tools that can be used for any vector icons, not just ours. All tools and code will be open source and publicly available on our tools page, and Github.