Website Icons
Website icons do marketing work, not navigation work: a feature grid of six icons is really six promises, and visitors judge the polish of the product by the polish of those little drawings. Mismatched stock icons — one thick, one thin, one inexplicably 3D — quietly tell visitors the details are not this company's strength.
Generate each page's icons as one batch with your brand hex locked, so the whole feature section shares weight and palette by construction. Duotone and flat styles carry brand color well; line styles suit minimal B2B layouts. Export as SVG and inline it — icons inherit CSS variables for theming, ship without extra requests, and stay sharp on every display.
Web delivery
| Format | Inline SVG beats icon fonts and PNGs: styleable with CSS, no layout shift, no font-loading flash |
|---|---|
| Size budget | Optimized feature icons run 1–3KB each; run exports through SVG optimization before shipping |
| Dark mode | Wire fills to CSS custom properties so one icon file serves both themes |
| Motion | Icora can bake CSS animations into the SVG itself — no JS library, with prefers-reduced-motion respected |
Styles that fit
These presets suit website icons best — each link covers the style in depth with prompts and examples.
Example prompts
Start from one of these, or describe your own list — every icon in the batch comes out matched.
Frequently asked questions
Should website icons be SVG or PNG?+
SVG, almost always: smaller for simple graphics, sharp at every zoom, and recolorable via CSS for dark mode. PNG only earns a place for rendered 3D styles whose soft shading cannot exist as vectors — and even then, serve them at 2x with explicit dimensions.
How do I make icons match my brand colors?+
Lock the palette at generation time with custom hex colors rather than recoloring afterward — tint relationships come out coherent across the whole set. For inline SVG you can additionally wire fills to CSS variables, letting the same icons re-theme per campaign.
Related use cases
Keep reading
Make your website icons
Describe your list, pick a style, and get a matched set of up to 50 icons in one batch. Free to start, no credit card required.
Start generating — it's free