FormKit Icons Icons

Browse 144 free FormKit Icons SVG icons. Download SVG, copy as JSX, PNG or Base64. MIT licensed. Designed by FormKit, Inc. Styles: Precise Shapes.

144 icons MIT UI 16px / 32px by FormKit, Inc
Search icons...

More SVG Icons

add

amex

android

apple

arrowdown

arrowleft

arrowright

arrowup

avatarman

avatarwoman

bitcoin

bnb

bookmark

button

cardano

caretdown

caretleft

caretright

caretup

check

checkbox

circle

close

color

compress

currency

date

datetime

discover

dogecoin

dollar

down

download

downloadcloud

draghandle

email

ethereum

euro

expand

export

eye

eyeclosed

facebook

fastforward

file

fileaudio

filedoc

fileimage

filepdf

filevideo

flag

folder

franc

github

google

group

happy

heart

help

hidden

info

instagram

krona

left

link

linkedin

linkexternal

lira

list

mastercard

medium

megaphone

Copy & download FormKit Icons 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 FormKit Icons

Created By

FormKit, Inc Visit Website

License

MIT View License

Features & Tags

Precise Shapes

Pack Details

Color Support

Monochrome

Category

UI 16px / 32px

How to use FormKit Icons icons

License SPDX

MIT

Sample Icons

checkbox, reorder, submit

Via Iconify · React

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

export default function App() {
  return <Icon icon="formkit: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="formkit:icon-name" width="24"></iconify-icon>

Frequently Asked Questions

Is FormKit Icons free for commercial use?
Yes. FormKit Icons is licensed under MIT, free for personal and commercial projects. View license →
How do I download FormKit Icons 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 FormKit Icons?
FormKit Icons contains 144 SVG icons in the UI 16px / 32px category.
Can I change the color of FormKit Icons icons?
Yes. FormKit Icons 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 FormKit Icons 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/formkit and use it via @iconify/react, fully tree-shakeable, compatible with shadcn/ui, Tailwind CSS, Radix UI, and any React-based framework.