---
title: "Icons for Websites - Massive, Consistent Sets"
product: "Streamline Icons, Illustrations and Elements"
url: /icons-for-websites
canonical_url: "https://design.streamlinehq.com/icons-for-websites"
summary: "Download icons for any website: feature sections, navigation, and footers. Massive, consistent sets, free to start, no card required."
---
# Icon sets built for websites

> Download icons for any website: feature sections, navigation, and footers. Massive, consistent sets, free to start, no card required.
- **URL**: https://design.streamlinehq.com/icons-for-websites

---

* The only icon system: massive, consistent sets
* Drawn in-house by one team of 8 veteran designers
* Recolor to your brand in one click with SVG

[Browse Icons for Websites](https://www.streamlinehq.com/icons)

## Add icons to a website in three easy steps

### Pick One Set for the Whole Site

Choose a single icon set and use it everywhere on the site, from the homepage to the footer.

### Recolor to Match Your Site

Set the color once so every icon already matches your site's palette before you place it.

### Drop It Into the Page

Export as SVG or PNG and add it wherever the page builder or CMS accepts an image.

## Ultimate: the safe default for any site

1,000 free icons per set across 5 styles. Encyclopedic coverage, from common to rare icons. A neutral style that fits most use cases.

* **Ultimate Light**: [1,000 free icons](https://www.streamlinehq.com/icons/ultimate-light-free), [17,683 pro icons](https://www.streamlinehq.com/icons/streamline-light)
* **Ultimate Regular**: [1,000 free icons](https://www.streamlinehq.com/icons/ultimate-regular-free), [16,751 pro icons](https://www.streamlinehq.com/icons/streamline-regular)
* **Ultimate Bold**: [1,000 free icons](https://www.streamlinehq.com/icons/ultimate-bold-free), [18,541 pro icons](https://www.streamlinehq.com/icons/streamline-bold)
* **Ultimate Colors**: [1,000 free icons](https://www.streamlinehq.com/icons/ultimate-colors-free), [10,456 pro icons](https://www.streamlinehq.com/icons/streamline-colors)
* **Ultimate Duotone**: [1,000 free icons](https://www.streamlinehq.com/icons/ultimate-duotone-free), [10,935 pro icons](https://www.streamlinehq.com/icons/streamline-duotone)

## Core: clean and neutral

Core is the Helvetica of icons, stripped to its essential form with generous spacing. 998 free icons across 8 styles.

* **Core Line**: [998 free icons](https://www.streamlinehq.com/icons/core-line-free), [5,615 pro icons](https://www.streamlinehq.com/icons/core-line)
* **Core Solid**: [998 free icons](https://www.streamlinehq.com/icons/core-solid-free), [5,615 pro icons](https://www.streamlinehq.com/icons/core-solid)
* **Core Flat**: [998 free icons](https://www.streamlinehq.com/icons/core-flat-free), [5,615 pro icons](https://www.streamlinehq.com/icons/core-flat)
* **Core Gradient**: [998 free icons](https://www.streamlinehq.com/icons/core-gradient-free), [5,615 pro icons](https://www.streamlinehq.com/icons/core-gradient)
* **Core Duo**: [998 free icons](https://www.streamlinehq.com/icons/core-duo-free), [5,615 pro icons](https://www.streamlinehq.com/icons/core-duo-color)
* **Core Neon**: [998 free icons](https://www.streamlinehq.com/icons/core-neon-free), [5,615 pro icons](https://www.streamlinehq.com/icons/core-neon)
* **Core Pop**: [998 free icons](https://www.streamlinehq.com/icons/core-pop-free), [5,615 pro icons](https://www.streamlinehq.com/icons/core-pop-style)
* **Core Remix**: [998 free icons](https://www.streamlinehq.com/icons/core-remix-free), [5,615 pro icons](https://www.streamlinehq.com/icons/core-remix)

## Flex: a softer, more personal feel

Flex is a fluid icon family inspired by nature's curves, more organic than Core but subtler than Plump. 499 free icons across 8 styles.

* **Flex Line**: [499 free icons](https://www.streamlinehq.com/icons/flex-line-free), [5,615 pro icons](https://www.streamlinehq.com/icons/flex-line)
* **Flex Solid**: [499 free icons](https://www.streamlinehq.com/icons/flex-solid-free), [5,615 pro icons](https://www.streamlinehq.com/icons/flex-solid-style)
* **Flex Flat**: [499 free icons](https://www.streamlinehq.com/icons/flex-flat-free), [5,615 pro icons](https://www.streamlinehq.com/icons/flex-flat-style)
* **Flex Gradient**: [499 free icons](https://www.streamlinehq.com/icons/flex-gradient-free), [5,615 pro icons](https://www.streamlinehq.com/icons/flex-gradient)
* **Flex Duo**: [499 free icons](https://www.streamlinehq.com/icons/flex-duo-free), [5,615 pro icons](https://www.streamlinehq.com/icons/flex-duo)
* **Flex Neon**: [499 free icons](https://www.streamlinehq.com/icons/flex-neon-free), [5,615 pro icons](https://www.streamlinehq.com/icons/flex-neon)
* **Flex Pop**: [499 free icons](https://www.streamlinehq.com/icons/flex-pop-free), [5,615 pro icons](https://www.streamlinehq.com/icons/flex-pop)
* **Flex Remix**: [499 free icons](https://www.streamlinehq.com/icons/flex-remix-free), [5,615 pro icons](https://www.streamlinehq.com/icons/flex-remix)

## Where these icons get used on a site

### Feature Sections That Explain at a Glance

A small icon next to each feature lets a visitor scan the page instead of reading every word.

## Works in your tools

* [Mac App](https://home.streamlinehq.com/plugins/download): Drag and drop icons directly into any app
* [Figma](https://www.figma.com/community/plugin/852192486284901337): Browse and insert icons without leaving Figma
* [Framer](https://www.framer.com/marketplace/plugins/core-icons-by-streamline/): Use icons natively in Framer projects
* [Webflow](https://webflow.com/apps/detail/streamline-icons): Add icons directly to Webflow sites
* [VS Code](https://marketplace.visualstudio.com/items?itemName=streamline.streamline-icons): Insert icons as SVG or JSX in editors
* [Lucid](https://lucid.co/marketplace/01f05f6d/streamline-icons-illustrations-emojis-and-elements): Add icons to your Lucidchart diagrams
* [Miro](https://miro.com/marketplace/streamline/): Drop icons into your Miro boards
* [Adobe Express](https://adobesparkpost.app.link/TR9Mb7TXFLb?addOnId=w165n33k3): Use icons in Adobe Express projects

## Get more website icons with Pro

Free sets cover thousands of icons. Pro unlocks the full library across every family.

### Free: $0

* 109,582 icons
* Mandatory attribution
* All plugins, web app, MCP and API (limited)
* Adjust size, color and format

[Get started](https://www.streamlinehq.com/free)

### Pro subscription: $19 per month

* 333,032 pro icons on top
* No attribution required
* 58 pro sets in 11 families
* All plugins, web app, MCP and API
* Pay monthly or yearly

[Get Pro](https://www.streamlinehq.com/pricing)

### One-time purchase: Lifetime

* Buy once, own forever
* Future assets included
* All source files as a ZIP
* All plugins, web app, MCP and API
* No renewal fees

[Get Lifetime](https://www.streamlinehq.com/lifetime)

## Where Icons Show Up on a Website

A homepage uses icons to label features, a navigation menu uses them to mark sections, and a footer uses them for social links and contact details.

All three spots read better when the icons come from the same set. Mixing styles across a site is one of the fastest ways to make it look unfinished.

## Which Style Fits Your Site

Ultimate is the safe, neutral pick for most business and marketing sites, where the icons should support the content, not compete with it.

Flex's organic curves suit a softer, more personal site, and Core works well for a clean, product-focused page.

## Frequently asked questions

Quick answers about using icons on a website.

### What are icons for websites?

Icons for websites are the small graphics used across a site's pages, in feature sections, navigation menus, and footers, to label content and guide a visitor's eye.

### Where can I download icons for my website?

Visit [streamlinehq.com/icons](https://www.streamlinehq.com/icons), pick one set, and export as SVG or PNG for your site.

### Should I use the same icon set on every page?

Yes. A site reads as more polished when every icon, from the homepage to the footer, comes from one consistent set.

### Are icons for websites free?

Yes. Every family shown here has a free tier you can use on a live site today. See [free icons for websites](/free-icons-for-website.md) for what the free tier covers and what the license asks for.

### Can I use these icons commercially?

Yes. You can use them for all personal and commercial projects, including a published website.