Pico-icon Icons

Browse 824 free Pico-icon SVG icons. Download SVG, copy as JSX, PNG or Base64. Open Font License licensed. Designed by Picon Contributors. Styles: Precise Shapes.

824 icons OFL-1.1 UI Other / Mixed Grid by Picon Contributors
Search icons...

More SVG Icons

2g

3g

4chan

4g

4k

5g

8k

abacus

acorn

ad

add

address

aflat

africa

airbag

airconditioner

aircraft

airhorn

airplay

airport

alarm

album

albums

alert

alien

aliexpress

alipay

amazon

ambulance

america

americanfootball

ammo

amp

ampersand

anaglyph

anchor

and

android

angle

angry

angular

antenna

anvil

apart

app

apple

application

archery

archive

archlinux

armchair

asc

asia

at

atm

atom

attachment

australia

awd

axe

baby

babyroom

back

backlight

backpack

badge

badminton

baguette

balance

ball

ballot

bandaid

Copy & download Pico-icon icons

Click any icon above to open the detail panel. Four export formats are available instantly, no sign-up required.

SVG

Raw vector markup. Paste directly into HTML or React components. Scales to any size without quality loss.

JSX / TSX

React-ready component. Drop into any React or Next.js project. Works with shadcn/ui, Radix, and Tailwind CSS.

PNG

Raster export at 1×, 2× and 3× for email templates, Figma imports, app assets, and Open Graph images.

Base64

Inline data URI, embed icons in CSS background-image, email HTML, or anywhere an image URL is needed.

Works with shadcn/ui

Copy the JSX format and paste directly into any shadcn/ui component. Alternatively, install and use via @iconify/react, fully tree-shakeable, no icon font loading required.

About Pico-icon

Created By

Picon Contributors Visit Website

License

Open Font License View License

Features & Tags

Precise Shapes

Pack Details

Color Support

Monochrome

Category

UI Other / Mixed Grid

How to use Pico-icon icons

License SPDX

OFL-1.1

Sample Icons

bookmark, rewind, folder

Via Iconify · React

tsx 
import { Icon } from '@iconify/react';

export default function App() {
  return <Icon icon="picon:icon-name" width={24} />;
}

Via Iconify · HTML

html 
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="picon:icon-name" width="24"></iconify-icon>

Frequently Asked Questions

Is Pico-icon free for commercial use?
Yes. Pico-icon is licensed under Open Font License, free for personal and commercial projects. View license →
How do I download Pico-icon SVG icons?
Click any icon in the browser above to open the detail panel. Choose raw SVG code to copy, download as SVG or PNG, export as a React JSX component, or get a Base64 data URI, all formats free, no sign-up required.
How many icons are in Pico-icon?
Pico-icon contains 824 SVG icons in the UI Other / Mixed Grid category.
Can I change the color of Pico-icon icons?
Yes. Pico-icon icons are monochrome SVGs that inherit CSS currentColor. Set a color via CSS (color: #0070f3), a Tailwind class (text-blue-500), or pass a fill / stroke attribute directly on the SVG.
Can I use Pico-icon with React, Next.js or shadcn/ui?
Yes. Copy the JSX export from any icon's detail panel and paste it directly into your component. For ongoing use, install @iconify-json/picon and use it via @iconify/react, fully tree-shakeable, compatible with shadcn/ui, Tailwind CSS, Radix UI, and any React-based framework.