--- name: iconic url: /iconic ---

Iconic

We partnered with Iconic to include 24 brilliant, responsive, highly flexible icons for use in your apps. For more info on Iconic or to buy the complete set head to useiconic.com

Search Delete Save Add to Cart
Settings Profile Account

Icon Names

Icon Names

You can add in these sweet icons with this simple markup:

The icons are in the bower_components/foundation-apps/iconic folder. Set your data-src path accordingly.

The zf-iconic attribute is needed to make the Iconic JS work.

Icon Colors

You can easily change the colors of the icons with our color classes like so:

Icon Sizing

You can affect the size of the icons with our color classes like so:

Small      Medium      Large

Customize with Sass

You can use these Sass variables to customize the icons:

$iconic-primary-fill: $primary-color; $iconic-primary-stroke: $primary-color; $iconic-accent-fill: $iconic-primary-fill; $iconic-accent-stroke: $iconic-accent-fill;