Pico-icon Icons
Pico-icon Icons is an open-source vector icon collection containing 824 icons under the OFL-1.1 license. Every SVG icon in Pico-icon 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 OFL-1.1; review the icon license guide for commercial-use details.
Pico-icon Icons Specifications & Framework Compatibility
| Property | Specification Details |
|---|---|
| Total Icons | 824 vector SVG icons |
| License | OFL-1.1 (Commercial & Personal Use) |
| TypeScript Support | Native .d.ts definitions included |
| Framework Support | React, Next.js, Vue, Svelte, Tailwind CSS |
| Primary NPM Package | @iconify-json/picon |
| Source Repository | Official GitHub Repository → |
How many icons does Pico-icon Icons have?
Pico-icon Icons currently includes 824 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 Pico-icon Icons free for commercial use?
Yes, Pico-icon Icons is distributed under the OFL-1.1 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 Pico-icon Icons in React, Next.js, and Vue?
Install the package using npm install @iconify-json/picon, 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/picon
// React & Next.js App Router usage
import { 2g } from '@iconify-json/picon'
export default function Header() {
return <2g className="w-5 h-5 text-indigo-500" />
}Pico-icon Icons FAQ & Technical Guide
How many icons does Pico-icon Icons have?
Pico-icon Icons contains 824 open-source vector icons available in SVG format on IconSearch.
Is Pico-icon Icons free for commercial use?
Yes, Pico-icon Icons is licensed under the OFL-1.1 license, which permits commercial and personal use in software applications, websites, and design projects without subscription fees.
How do you install and use Pico-icon Icons in React, Next.js, and Vue?
You can install the official package via `npm install @iconify-json/picon` or copy customized React JSX, Vue 3, Svelte, or SVG code directly from IconSearch with zero runtime overhead.
Does Pico-icon Icons support TypeScript?
Yes, icon definitions and SVG React/Vue component wrappers for Pico-icon Icons include TypeScript type definitions for autocomplete and prop validation.
Can I customize stroke width, size, and color for Pico-icon Icons icons?
Yes, IconSearch provides an interactive customizer to modify size, hex color, stroke width, and CSS currentColor before copying code or downloading SVGs.