Ant Design Icons Icons

Browse 830 free Ant Design Icons SVG icons. Download SVG, copy as JSX, PNG or Base64. MIT licensed. Designed by HeskeyBaozi. Styles: Has Padding.

830 icons MIT UI 16px / 32px 16px grid by HeskeyBaozi
⌘+F

Copy & download Ant Design Icons 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, install @ant-design/icons and use via @iconify/react — fully tree-shakeable, no icon font loading required.

About Ant Design Icons

Created By

HeskeyBaozi Visit Website

License

MIT View License

Features & Tags

Has Padding

Pack Details

Version

4.4.2

v4.4.2

Color Support

Monochrome

Category

UI 16px / 32px

How to use Ant Design Icons icons

Icon Set Version

v4.4.2

Package

@ant-design/icons

License SPDX

MIT

Grid Size

16px

Sample Icons

pushpin-filled, pie-chart-outlined, shopping-twotone

Install

bash 
npm install @ant-design/icons

React

tsx 
import { SearchOutlined, SearchFilled, HomeFilled } from '@ant-design/icons';

export default function App() {
  // Outlined / Filled / TwoTone variants per icon
  return <SearchOutlined style={{ fontSize: 24 }} />;
}

Via Iconify · HTML

html 
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ant-design:icon-name" width="24"></iconify-icon>

Via Iconify · any framework

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

export default function App() {
  return <Icon icon="ant-design:icon-name" width={24} />;
}

Package stats

Build-time npm metadata cached weekly • Last refresh May 12, 2026

@ant-design/icons

[![NPM version](https://img.shields.io/npm/v/@ant-design/icons.svg?style=flat)](https://npmjs.org/package/@ant-design/icons) [![NPM downloads](http://img.shields.io/npm/dm/@ant-design/icons.svg?style=flat)](https://npmjs.org/package/@ant-design/icons)

v6.2.2
Score 66%
Popularity 41%
Quality 93%
Maintenance 67%

License

MIT

Weekly downloads

3.5M

Monthly downloads

14.8M

Total downloads

181.5M

Unpacked size

10 MB

Last published

Apr 27, 2026

Registry updated

Apr 27, 2026

npm Repository Homepage

Frequently Asked Questions

Yes. Ant Design Icons are MIT licensed — free for personal and commercial projects.

Outlined, Filled, and TwoTone variants. Outlined is the default; Filled suits active/selected states; TwoTone adds an accent color layer for decorative icon use cases.

Run npm install @ant-design/icons, then: import { SearchOutlined } from "@ant-design/icons";. The package is tree-shakeable.