Icons on Demand

Skip to content

Main Navigation News Icons

Icons and Icon Sets

How to Use Icons

Libraries for Developers

Appearance

Sidebar Navigation

Getting Started

News

Year 2025

Year 2024

Year 2023

Year 2022

Year 2021

Year 2020

Year 2019

Documentation

Usage

SVG + CSS

Vue

Svelte

SVG in CSS

No Code

Tailwind CSS

Tailwind CSS 4

Size and Color

Custom Icons

Tailwind CSS 3

Clean Plugin

Dynamic Plugin

UnoCSS

Iconify Utils

SVG in HTML

No Code

Unplugin Icons

Iconify Utils

Astro Icon

Icons on Demand

Web Component

Wrappers for

React

Solid

Attributes

Icon Color

Icon Dimensions

Transformations

Vertical Alignment

Rendering Modes

Functions

iconLoaded()

listIcons()

getIcon()

addIcon()

addCollection()

loadIcons()

loadIcon()

setCustomIconLoader()

buildIcon()

React

Icon Color

Icon Dimensions

Transformations

Vertical Alignment

Functions

iconLoaded()

listIcons()

getIcon()

addIcon()

addCollection()

loadIcons()

loadIcon()

setCustomIconLoader()

buildIcon()

replaceIDs()

Vue

Icon Color

Icon Dimensions

Transformations

Vertical Alignment

Functions

iconLoaded()

listIcons()

getIcon()

addIcon()

addCollection()

loadIcons()

loadIcon()

setCustomIconLoader()

buildIcon()

replaceIDs()

Svelte

Icon Color

Icon Dimensions

Transformations

Vertical Alignment

Functions

iconLoaded()

listIcons()

getIcon()

addIcon()

addCollection()

loadIcons()

loadIcon()

setCustomIconLoader()

buildIcon()

replaceIDs()

UI Design

Figma Plugin

Penpot Plugin

Sketch Plugin

Icons

Icon Data

All Icons

Icon Sets List

Individual Icon Sets

Icons Cleanup

Icon Sets

Custom Icon Sets

Add Icon Set

Libraries

Iconify Types

IconifyIcon

IconifyJSON

Metadata

IconifyAlias

IconifyInfo

Iconify Tools

SVG Class

IconSet Class

Icons

list()

forEach()

exists()

count()

remove()

rename()

setItem()

setIcon()

setVariation()

setAlias()

getTree()

entries()

resolve()

Import / Export

load()

export()

toSVG()

fromSVG()

toString()

Metadata

prefix

info

chars()

toggleCharacter()

listCategory()

toggleCategory()

categories

checkTheme()

suffixes/prefixes

mergeIconSets()

Cleanup/Validation

Icon Manipulation

runSVGO()

parseColors()

deOptimisePaths()

scaleSVG()

convertSVGToMask()

Import

IconifyJSON

Single SVG

Directory

Figma

Getting File ID

Getting Access Token

Types

Export

IconifyJSON

Single SVG

Directory

IconifyJSON Package

Icon Package

Managing Packages

Download Packages

Git Repository

GitHub API

GitLab API

NPM Package

Versions

Increase Version

NPM Version

Package Version

Git Repo Hash

GitHub Last Commit

GitLab Last Commit

Helper Functions

Compare Directories

Send API Query

Download File

Examples

Export all Iconify icon sets as SVG

Import icon set from Figma

Convert Material Design Icons to Iconify JSON format

Convert FontAwesome Pro to Iconify JSON format

Import Limitations

Iconify Utils

Icon Sets

validateIconSet()

quicklyValidateIconSet()

getIcons()

getIconData()

minifyIconSet()

expandIconSet()

convertIconSetInfo()

parseIconSet()

Icon

mergeIconData()

defaultIconProps

Icon Customisations

mergeCustomisations()

defaultIconCustomisations

toBoolean()

rotateFromString()

flipFromString()

Build SVG

iconToSVG()

iconToHTML()

calculateSize()

replaceIDs()

Parse SVG

parseSVGContent()

buildParsedSVG()

convertParsedSVG()

getSVGViewBox()

splitSVGDefs()

mergeDefsAndContent()

wrapSVGContent()

CSS

getIconCSS()

getIconsCSS()

getIconContentCSS()

getIconsContentCSS()

Icon Name

matchName

stringToIcon()

validateIconName()

Colors

stringToColor()

compareColors()

colorToString()

Color type

Examples

Icon Set to SVGs

Export SVG

From Icon Set

From Data

Export CSS

API

API Queries

Generate SVG

Generate CSS

Icon Data

Last Modified

List of Icon Sets

List of Icons

Search Icons

Keywords

API Version

Hosting API

Node.js API

Configuration

HTTP Headers

Reverse Proxy

Custom CDN

API Providers

Components Config

Articles / Blog