Question 1

What's included in the Clarity Icons icon pack?

Accepted Answer

803 vector icons with a consistent visual style. Each icon comes in SVG and PNG formats, so they work for both code and design tools.

Question 2

Where can I use Clarity Icons icons?

Accepted Answer

Common uses include bottom navigation, bookmark indicators, chart legends, personal websites, proof of concepts, rapid prototyping, brand applications, black and white designs, component libraries. Since all icons in this pack share the same style, they look consistent when used together.

Question 3

Are these icons free to use commercially?

Accepted Answer

Yes. You can use Clarity Icons icons in client work, SaaS products, apps, or anything else. Some may require attribution depending on the license. Check the icon detail page to be sure.

Question 4

What formats can I download?

Accepted Answer

SVG and PNG. PNGs come in three sizes: 256px, 512px, and 1024px. SVGs are vector-based and stay sharp at any resolution. PNGs are useful when you need a raster image.

Question 5

How do I download an icon?

Accepted Answer

Click any icon to open its detail page. From there you can download the SVG or PNG, copy the SVG code, or change the color before exporting. No account needed.

Question 6

Can I edit these icons?

Accepted Answer

Yes. The SVGs open properly in Figma, Illustrator, Sketch, or any vector editor. You can also adjust colors and sizes on the icon page before downloading.

Question 7

Will these work in React, Vue, or other frameworks?

Accepted Answer

Yes. The SVG code is standard markup. You can inline it, use it as an image source, or import it as a component. The files are small and load fast.

Clarity Icons

Frequently Asked Questions

What's included in the Clarity Icons icon pack?

Where can I use Clarity Icons icons?

Are these icons free to use commercially?

What formats can I download?

How do I download an icon?

Can I edit these icons?

Will these work in React, Vue, or other frameworks?

Clarity Icons

Frequently Asked Questions

What's included in the Clarity Icons icon pack?

Where can I use Clarity Icons icons?

Are these icons free to use commercially?

What formats can I download?

How do I download an icon?

Can I edit these icons?

Will these work in React, Vue, or other frameworks?

Mouse 100

Ups 000 Charging

Ups 020

Ups 000

Ups 040

Ups 020 Charging

Ups 060 Charging

Mouse 080

Mouse 060

Mouse 020

Keyboard 060

Mouse 040

Keyboard 080

Keyboard 100

Weather Snow

Battery 040

Battery 080

Mouse 000

Brightness Kdb

Keyboard 000

Keyboard 040

Keyboard 020

Battery 060

Battery 100

Battery 000

Battery 020

Weather Fog

Weather Storm

Weather Overcast

Weather Showers

Weather Few Clouds Night

Weather Showers Scattered

Stock Weather Cloudy

Software Update Urgent

Software Update Available

Sunny

Ubuntuone Client Offline

System Devices Panel

Weather Clouds Night

Weather Few Clouds

Nm Stage03 Connecting12

Part Nm Signal 50

Nm Stage03 Connecting09

Part Nm Signal 75

Nm Stage03 Connecting10

Nm Stage03 Connecting11

Part Nm Signal 25

User Trash

Gnome Fs Dav

Gnome Fs Ftp

Nm Stage01 Connecting04

Network Server

Gnome Fs Smb

Novell Button

Notebook

Swirl Foot

User Trash Full

User Bookmarks

User Home

Folder Windows

Folder Wine

Folder