No icons match that search. Try a broader word like “arrow” or “file”.
5,518 SVG icons on one 256-unit grid, with packages for React, Vue, Web Components, icon fonts, Flutter, SwiftUI and Jetpack Compose. MIT licensed and free for commercial use.
31 categories · 8 platforms · MIT license · visitors
A product of Design Monks
No account, no API key and no build step required. Pick whichever fits your project.
One stylesheet, then a class per icon. Works in any HTML page.
<link rel="stylesheet" href="https://designmonks.github.io/icon-monks/packages/font/dist/index.css"> <i class="im im-house"></i>
Every icon and weight is a standalone file you can link, inline or download.
<img src="https://designmonks.github.io/icon-monks/svg/bold/heart.svg"
alt="" width="24" height="24">Typed components with size, color and weight props, imported one icon at a time.
import { House } from '@icon-monks/react';
<House size={24} weight="duotone" />Every icon is drawn once and generated in six weights from the same shapes, so outline, filled and duotone versions always line up when you switch states or themes.
8-unit stroke for large, quiet display sizes.
12-unit stroke for airy interfaces and marketing pages.
The 16-unit default, tuned for 24 px UI.
24-unit stroke that holds up at 16 px and on busy screens.
Solid shapes for selected states and tab bars.
An outline over a 20% tint for illustrations and empty states.
Every package is generated from the same SVG sources, so an icon looks identical in a React app, a Flutter screen and an iOS tab bar.
A <icon-monks> element for plain HTML, Svelte, Angular or WordPress.
npm i @icon-monks/webIcon Monks is a product of Design Monks, a product design studio, drawn for the screens we design every day.
Shapes sit inside a 192-unit live area with shared keylines, so circles, squares and tall shapes carry the same visual weight.
Regular reads cleanly at 24 px, bold holds up in 16 px menus, and thin and light suit large display sizes.
Strokes are outlined into a single flat path, so icons render the same in browsers, fonts, Android Studio and Xcode.
Icons use currentColor, so they follow your text color, dark mode and design tokens without extra CSS.
Import only the icons you use. Unused icons never reach your bundle, and native packages ship vectors instead of images.
Every icon is original artwork released under MIT. Use it in client work and paid products with no attribution required.
From arrows and interface controls to commerce, health, weather and emoji, jump straight to the set you need, or see all categories.
Copy SVG markup or export SVG, PDF, PNG and WebP at up to 1024 px, then drop icons into Figma, Sketch, Illustrator or Framer.
Typed React and Vue components, a framework-free web component, an icon font and native Flutter, Compose and SwiftUI packages.
One icon set across web, iOS and Android keeps every platform consistent, and the MIT license keeps legal reviews short.
Yes. Every icon is released under the MIT license, so you can use it in personal, client and commercial work, modify it and ship it in paid products. No credit is needed in your interface; keep the license file if you redistribute the source.
There are 5,518 icons in 31 categories, and each one comes in six weights, which makes 33,108 ready-to-use SVG files.
There are packages for React, Vue 3, Web Components (plain HTML, Angular, Svelte, Astro, WordPress), an icon font, Flutter, Android (Jetpack Compose and VectorDrawable) and Apple platforms through a Swift package for SwiftUI and UIKit. Raw SVG files work everywhere else.
Thin, light, regular and bold are outlines with 8, 12, 16 and 24 unit strokes on a 256 unit grid. Fill is a solid version and duotone layers the outline over a soft tint. Every weight shares the same shapes, so you can mix them in one product.
Yes. Icons draw in currentColor and scale as vectors, so they take the text color and size of their surroundings. The React, Vue and web component packages also accept size, color and weight props.
Yes. Pick an icon on this page and download it as SVG or PDF, or copy the SVG markup and paste it straight onto your canvas. PNG and WebP exports go up to 1024 px.
Only by the icons you use. The React and Vue packages export each icon as its own module, so bundlers drop the rest, and the native packages ship vector assets rather than images.
Icon Monks is a product of Design Monks, a product design studio. We draw the icons for the interfaces we design and release them free under the MIT license.
Open an issue on GitHub to request one. To contribute, draw a source SVG on the 256 unit grid; the build generates every weight and package from it.