Main Navigation News Icons

Appearance

Sidebar Navigation

Getting Started

News

Year 2025

Year 2024

Year 2023

Year 2022

Year 2021

Year 2020

Year 2019

Documentation

Usage

SVG in CSS

No Code

Tailwind CSS

Tailwind CSS 4

Size and Color

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()

Icon Manipulation

runSVGO()

parseColors()

deOptimisePaths()

scaleSVG()

convertSVGToMask()

Import

IconifyJSON

Single SVG

Figma

Getting File ID

Getting Access Token

Types

Export

IconifyJSON

Single SVG

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

Articles

Cleaning up SVGs

Examples

Bad icon example

Validating SVG

Changing icon palette

Optimising icon

SVG animations

Migration guides

Components 2025

Figma 2024

Sponsor Iconify

About Iconify

Iconify Support

History

Privacy

On this page

Expand Your Icon Collection with StreamlineAccess 180,000+ icons

Options for Tailwind CSS

This page was moved to addDynamicIconSelectors() documentation.

Suggest changes to this page

Last updated:

Pager

Previous pageDynamic Plugin

Next pageUnoCSS

Released under the Apache 2.0 License.

SVG in CSS

Tailwind CSS

Tailwind CSS 4

Tailwind CSS 3

SVG in HTML

Icons on Demand

Web Component

Wrappers for

Attributes

Functions

React

Functions

Vue

Functions

Svelte

Functions

UI Design

Icon Data

Iconify Types

IconifyJSON

Iconify Tools

IconSet Class

Icons

Import / Export

Metadata

Icon Manipulation

Import

Figma

Export

Managing Packages

Download Packages

Versions

Helper Functions

Examples

Iconify Utils

Icon Sets

Icon

Icon Customisations

Build SVG

Parse SVG

CSS

Icon Name

Colors

Examples

Export SVG

API Queries

Hosting API

Node.js API

Articles

Cleaning up SVGs

Migration guides

Options for Tailwind CSS ​

Options for Tailwind CSS