Skip to content

Main Navigation 必学工具

Icons and Icon Sets

How to Use Icons

Libraries for Developers

Appearance

Sidebar Navigation

开始使用

必学工具

Year 2025

Year 2024

Year 2023

Year 2022

Year 2021

Year 2020

Year 2019

文档

Icons

Icon Basics

Icon Set Basics

Icon Data

All Icons

Icon Sets List

Individual Icon Sets

Custom Icon Sets

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

iconExists()

listIcons()

getIcon()

addIcon()

addCollection()

loadIcons()

loadIcon()

setCustomIconLoader()

buildIcon()

React

Icon Color

Icon Dimensions

Transformations

Vertical Alignment

Functions

iconExists()

listIcons()

getIcon()

addIcon()

addCollection()

loadIcons()

loadIcon()

setCustomIconLoader()

buildIcon()

replaceIDs()

Vue

Icon Color

Icon Dimensions

Transformations

Vertical Alignment

Functions

iconExists()

listIcons()

getIcon()

addIcon()

addCollection()

loadIcons()

loadIcon()

setCustomIconLoader()

buildIcon()

replaceIDs()

Svelte

Icon Color

Icon Dimensions

Transformations

Vertical Alignment

Functions

iconExists()

listIcons()

getIcon()

addIcon()

addCollection()

loadIcons()

loadIcon()

setCustomIconLoader()

buildIcon()

replaceIDs()

UI Design

Figma Plugin

Penpot Plugin

Sketch Plugin

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

Sponsor Iconify

About Iconify

Iconify Support

History

Privacy

On this page

Expand Your Icon Collection with StreamlineAccess 180,000+ icons

Blog

In addition to documentation, Iconify website has some helpful articles.

Design

Iconify plugin for Figma 2024 update.

Suggest changes to this page

Last updated:

Pager

Previous pageAPI

Next pageFigma 2024 update

Licensed under MIT License.

Copyright © 2025