Heroicons

Customization

With 308 icons, Heroicons give you infinite possibilities

Heroicons give you the creative freedom to help you better align to your brand that most stock icons don’t provide. Heroicons comes with a variety of themes with easy to manage CSS and SASS.

Outline

.heroicon-outline {fill:
#303034;}

Shadows

.heroicon-outline {fill:
#303034;}

.heroicon-shadow {fill:
#000; opacity:0.4;}

Accent

.heroicon-outline {fill:
#303034;}

.heroicon-shadow {fill:
#000; opacity:0.4;}

.heroicon-component-fill {fill:
#FFF;}

.heroicon-component-accent {fill:
#7ACFC0;}

Full color

.heroicon-outline {fill:
#303034;}

.heroicon-home-roof {fill:
#7ACFC0;}

.heroicon-home-wall {fill:
#F2F3D8;}

.heroicon-home-frames {fill:
#A6BEBA;}

.heroicon-home-windows {fill:
#DFF6F9;}

.heroicon-home-door {fill:
#DF7171;}

.heroicon-home-parging {fill:
#F1F4F4;}

Multipurpose

Comes in 2 sizes for all your needs

You can’t simply scale a single icon design to different sizes and expect the same quality results. That’s why Heroicons are designed in 2 different sizes to support a variety of needs for your marketing website.

Comprehensive

Designed with the start-up in mind

Heroicons comes with 154 icons of each size for a total of 308 - essential for any bootstrap startup to highlight their core features and benefits.

Save 50% for a limited time.

View the license

What's included

308 optimized SVG icons ready to customize with CSS
Versions of the SVG icons with inline styling so they will be easier to use in your favourite graphical editing software
Sketch file organized with shared styles
Sample style sheets
A reference page so you can easily browse all of the icons
Documentation that goes over some of the basics of using Heroicons
Free updates (Heroicons will get occassional updates with new icons and sample style sheets - get them early while the price is still low!)