Glyphs PolyIcons

Browse 863 free Glyphs Poly multi-color icons. Download SVG, copy as JSX, PNG or Base64. MIT licensed. Designed by Goran Spasojevic. Styles: Has Padding, Uses Stroke.

863 iconsMITUI Other / Mixed Gridby Goran Spasojevic

Search icons...

More SVG Icons

accessible

activity

activity-1

adjust

adjust-1

alarm-clock

alarm-exclamation

alarm-minus

alarm-plus

alarm-snooze

album

album-collection

align-center

align-items-center

align-items-side

align-justify

align-side

align-slash

ampersand

ampersand-1

angle

angle-double

bars

Copy & download Glyphs Poly 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, installand use via @iconify/react, fully tree-shakeable, no icon font loading required.

About Glyphs Poly

Glyphs Poly is the multi-color companion to the Glyphs icon system by Goran Spasojevic, MIT licensed and free for commercial use. It shares names with the single-color Glyphs set and the same 80×80 canvas, but each of its 863 icons uses fixed colors (for example oranges and blues on search-1) for a friendly, illustrated feel. Because the colors are written into the SVG, a CSS text color will not change them; use the recolor options on this page or switch to the single-color Glyphs styles for theme-driven color. Colorful icons work best where they get room, such as feature lists, onboarding steps, empty states, pricing tables and marketing pages, rather than dense toolbars. Search all Glyphs Poly icons here, copy SVG, export JSX or download PNG. Compared with Flat Color Icons, Glyphs Poly keeps a line-based structure under its color. Ideal for landing pages, onboarding flows and illustrated product tours.

Created By

Goran SpasojevicVisit Website

License

MITView License

Features & Tags

Has PaddingUses Stroke

Pack Details

Color Support

Multi-color

How to use Glyphs Poly icons

License SPDX

MIT

Sample Icons

mouse-2, object-select, comment-1

Via Iconify · React

tsx

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

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

Compare Glyphs Poly with similar icon packs

Glyphs Flat Color Icons IconPark

Frequently Asked Questions

How is Glyphs Poly different from Glyphs?

Glyphs Poly is the multi-color companion to the Glyphs set. It uses the same names and 80×80 canvas, but each icon has fixed colors (for example oranges and blues on search-1) instead of the current text color.

Can I recolor Glyphs Poly icons with CSS?

Not with a single CSS color, because the colors are written into the SVG. Use the recolor options on this page, or switch to the single-color Glyphs pack if you need theme-driven color.

Where do colorful icons like these work best?

Feature lists, onboarding screens, empty states and marketing pages, where a bit of color helps. For dense toolbars, the single-color Glyphs styles read better.

What license does Glyphs Poly use?

MIT, the same as Glyphs. Commercial use is fine without attribution.

How many icons are in Glyphs Poly?

Glyphs Poly contains 863 SVG icons in the UI Other / Mixed Grid category.