Heroicons are a unique set of icons for your marketing website that make it easy to customize with CSS to better align to your brand.
Save 50% for a limited time.
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.
.heroicon-outline {fill:#303034;}
.heroicon-outline {fill:#303034;}
.heroicon-shadow {fill:#000; opacity:0.4;}
.heroicon-outline {fill:#303034;}
.heroicon-shadow {fill:#000; opacity:0.4;}
.heroicon-component-fill {fill:#FFF;}
.heroicon-component-accent {fill:#7ACFC0;}
.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;}
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.
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!)
Sign up to get 10 free sample icons to really see how easy they are to use with CSS.