Mono Icons (mono-icons)
Mono Icons (mono-icons) is an open-source vector icon collection containing 180 icons under the MIT license. Every SVG icon in Mono Icons (mono-icons) is optimized for web, mobile, and desktop applications, providing clean scalable vector graphics with crisp rendering across high-DPI displays. The collection is licensed under MIT; review the icon license guide for commercial-use details.
Mono Icons (mono-icons) Specifications & Framework Compatibility
| Property | Specification Details |
|---|---|
| Total Icons | 180 vector SVG icons |
| License | MIT (Commercial & Personal Use) |
| TypeScript Support | Native .d.ts definitions included |
| Framework Support | React, Next.js, Vue, Svelte, Tailwind CSS |
| Primary NPM Package | @iconify-json/mono-icons |
| Source Repository | Official GitHub Repository → |
How many icons does Mono Icons (mono-icons) have?
Mono Icons (mono-icons) currently includes 180 vector icons indexed in the IconSearch catalog. Every icon is available in clean SVG format with customizable stroke widths, colors, and direct multi-framework code exports for modern web applications.
Is Mono Icons (mono-icons) free for commercial use?
Yes, Mono Icons (mono-icons) is distributed under the MIT license. This permissive open-source license allows unrestricted commercial and personal usage in proprietary software, SaaS platforms, client websites, and digital products without licensing fees.
How do you install and use Mono Icons (mono-icons) in React, Next.js, and Vue?
Install the package using npm install @iconify-json/mono-icons, then import icons directly into your JSX, TSX, or Vue components. Alternatively, copy raw customized SVG markup directly from IconSearch with zero client-side JavaScript overhead.
// Install package
npm install @iconify-json/mono-icons
// React & Next.js App Router usage
import { Add } from '@iconify-json/mono-icons'
export default function Header() {
return <Add className="w-5 h-5 text-indigo-500" />
}Mono Icons (mono-icons) FAQ & Technical Guide
How many icons does Mono Icons (mono-icons) have?
Mono Icons (mono-icons) contains 180 open-source vector icons available in SVG format on IconSearch.
Is Mono Icons (mono-icons) free for commercial use?
Yes, Mono Icons (mono-icons) is licensed under the MIT license, which permits commercial and personal use in software applications, websites, and design projects without subscription fees.
How do you install and use Mono Icons (mono-icons) in React, Next.js, and Vue?
You can install the official package via `npm install @iconify-json/mono-icons` or copy customized React JSX, Vue 3, Svelte, or SVG code directly from IconSearch with zero runtime overhead.
Does Mono Icons (mono-icons) support TypeScript?
Yes, icon definitions and SVG React/Vue component wrappers for Mono Icons (mono-icons) include TypeScript type definitions for autocomplete and prop validation.
Can I customize stroke width, size, and color for Mono Icons (mono-icons) icons?
Yes, IconSearch provides an interactive customizer to modify size, hex color, stroke width, and CSS currentColor before copying code or downloading SVGs.