Toggle menu
GlyphsIcons
Browse 3452 free Glyphs SVG icons. Download SVG, copy as JSX, PNG or Base64. MIT licensed. Designed by Goran Spasojevic. Styles: Has Padding.
Copy & download Glyphs 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 Glyphs
Glyphs is a free MIT-licensed icon design system by Goran Spasojevic, described by its author as running from Figma to web components and documented at glyphs.fyi. Icons are drawn on an 80×80 canvas, which gives fine detail at large sizes, and each comes in four styles: a thin line style, bold (filled), duo (a 25% opacity fill behind the line) and outline. The catalog covers standard interface needs (search, comments, mouse, selection, Wi-Fi, laptops) and less common topics such as a CLI laptop, d-pad, rock hand gesture, fitness watch, bandage, regional globes and religious symbols. Single-color styles use the current text color, so they follow your theme. A multi-color companion, Glyphs Poly, shares the same names. Search all Glyphs icons here, copy SVG, export JSX or download PNG. Compared with Phosphor, Glyphs offers a similar multi-style range with a lighter default line. Free for commercial use without attribution. Ideal for marketing sites, product UI with large icons and design systems that want several styles per icon.
Pack Details
Color Support
Monochrome
Category
UI Other / Mixed Grid
How to use Glyphs icons
License SPDX
MIT
Sample Icons
mouse-2-bold, object-select, comment-1-duo
Via Iconify · React
import { Icon } from '@iconify/react';
export default function App() {
return <Icon icon="glyphs: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="glyphs:icon-name" width="24"></iconify-icon>Compare Glyphs with similar icon packs
Frequently Asked Questions
Which styles does Glyphs include?
-bold (filled), -duo (a soft 25% opacity fill behind the line) and -outline. All are drawn on an 80×80 canvas and scale cleanly.