Click any icon to open its window. The size, colour and stroke you set carry over.
Download
- PNG: an image you can use right away.
- SVG: a vector file with your size and colour built in.
Under Copy SVG to:, choose where the icon is going. The button changes to Copied! when it is on your clipboard. Then paste:
- Webflow: paste into the Designer. The icon appears as a small code block (an Embed) holding the SVG at the size you set. It is not a Webflow Icon element, so the Style panel will not recolour it. To change the colour, set it in BYQ and copy again.
- Figma: paste into your Figma file. The icon is copied as SVG text.
- Framer: paste into your Framer canvas. It is the same SVG text.
- Plain HTML: download the SVG and use it like any image, or paste its code straight into your HTML.
If nothing appears when you paste, check that Copied! showed first, then copy again.
Licences
Each pack is open source under its own licence. Choose View License in the icon window to read the licence for that icon's pack before you use it in a project.
Plans
The icon library is open to every plan. See pricing for what else is included.
The icon library is free with any account. Each of the four packs has its own open-source licence.
