Toggle menu
Vesper IconsIcons
Browse 159 free Vesper Icons SVG icons. Download SVG, copy as JSX, PNG or Base64. Open Font License licensed. Designed by TableCheck.
Copy & download Vesper Icons icons
Click any icon above to open the detail panel. Four export formats are available instantly, no sign-up required.
Raw vector markup. Paste directly into HTML or React components. Scales to any size without quality loss.
React-ready component. Drop into any React or Next.js project. Works with shadcn/ui, Radix, and Tailwind CSS.
Raster export at 1×, 2× and 3× for email templates, Figma imports, app assets, and Open Graph images.
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, installand use via @iconify/react, fully tree-shakeable, no icon font loading required.
About Vesper Icons
Created By
License
Pack Details
Version
5.11.2
Color Support
Monochrome
How to use Vesper Icons icons
Icon Set Version
v5.11.2
License SPDX
OFL-1.1
Sample Icons
edit-page, kakao-square, person
Via Iconify · React
import { Icon } from '@iconify/react';
export default function App() {
return <Icon icon="vs:icon-name" width={24} />;
}Via Iconify · HTML
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="vs:icon-name" width="24"></iconify-icon>Frequently Asked Questions
Is Vesper Icons free for commercial use?
How do I download Vesper Icons SVG icons?
How many icons are in Vesper Icons?
Can I change the color of Vesper Icons icons?
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 Vesper Icons with React, Next.js or shadcn/ui?
@iconify-json/vs and use it via @iconify/react, fully tree-shakeable, compatible with shadcn/ui, Tailwind CSS, Radix UI, and any React-based framework.