What’s the difference between rounded and sharp icons?

Rounded icons have round line ends and softened corners. Sharp icons have square line ends and crisp corners. The drawing is the same, only the finish changes.

Are they free for commercial use?

Yes. Every icon in every style is MIT licensed: free for personal and commercial projects, with no attribution needed in your product.

Do rounded icons come in solid and duotone?

Yes. Every style is available with rounded corners.

Free rounded icons

152 icons with round line ends and softened corners, in outline, solid, duotone and two-tone. Free, MIT licensed, for React, Vue and Svelte.

About rounded icons

Rounded icons feel friendly and approachable, and suit consumer apps, marketing sites and interfaces with rounded buttons and cards.

Rounded is the default. Every icon also comes in a sharp version from the same drawing, so you can switch your whole product with one setting.

Click any icon for its SVG code and downloads, or change styles live in the icon explorer.

Use them in code

npm i @uv-foundry/icons-react

import { HomeIcon } from '@uv-foundry/icons-react';

<HomeIcon corner="rounded" />

The same props work in Vue and Svelte. AI coding tools can add these icons for you through the MCP server.

Questions

What’s the difference between rounded and sharp icons?: Rounded icons have round line ends and softened corners. Sharp icons have square line ends and crisp corners. The drawing is the same, only the finish changes.
Are they free for commercial use?: Yes. Every icon in every style is MIT licensed: free for personal and commercial projects, with no attribution needed in your product.
Do rounded icons come in solid and duotone?: Yes. Every style is available with rounded corners.