Toggle menu
Ant Design IconsIcons
Browse 848 free Ant Design Icons SVG icons. Download SVG, copy as JSX, PNG or Base64. MIT licensed. Designed by HeskeyBaozi. Styles: Has Padding.
Most popular Ant Design Icons icons
What visitors download and copy most from this pack, last 30 days
- 1
x-filled - 2
safety-outlined - 3
team-outlined - 4
sound-filled - 5
aim-outlined - 6
code-outlined - 7
form-outlined - 8
global-outlined
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.
Raw vector markup. Paste directly into HTML or React components. Scales to any size without quality loss.
React-ready component. Drop into any React or Next.js project. Works with shadcn/ui, Radix, and Tailwind CSS.
Raster export at 1×, 2× and 3× for email templates, Figma imports, app assets, and Open Graph images.
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/iconsand use via @iconify/react, fully tree-shakeable, no icon font loading required.
About Ant Design Icons
Pack Details
Version
4.6.0
Color Support
Monochrome
Category
UI 16px / 32px
How to use Ant Design Icons icons
Icon Set Version
v4.6.0
Package
@ant-design/icons
License SPDX
MIT
Grid Size
16px
Sample Icons
pushpin-filled, pie-chart-outlined, shopping-twotone
Install
npm install @ant-design/iconsReact
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
<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
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 Oct 18, 2026
@ant-design/icons
[](https://npmjs.org/package/@ant-design/icons) [](https://npmjs.org/package/@ant-design/icons)
License
MIT
Weekly downloads
4.3M
Monthly downloads
19.7M
Total downloads
234.7M
Unpacked size
11 MB
Last published
Aug 31, 2026
Registry updated
Aug 31, 2026
Ant Design Icons version history
Based on the last 10 releases, Ant Design Icons typically ships a new version every ~1 day. The latest release, v6.3.4, landed on Aug 31, 2026.
| Version | Released |
|---|---|
| v6.3.4 | Aug 31, 2026 |
| v6.3.3 | Aug 31, 2026 |
| v6.3.2 | Jun 27, 2026 |
| v6.3.1 | Jun 26, 2026 |
| v6.3.0 | Jun 26, 2026 |
| v6.2.5 | May 28, 2026 |
| v6.2.4 | May 28, 2026 |
| v6.2.3 | May 13, 2026 |
| v6.2.2 | Apr 27, 2026 |
| v6.2.1 | Apr 27, 2026 |
| v6.2.0 | Apr 27, 2026 |
| v6.1.1 | Mar 26, 2026 |
| v6.1.0 | Oct 1, 2025 |
| v6.0.2 | Sep 12, 2025 |
| v6.0.1 | Sep 4, 2025 |
| v6.0.0 | Mar 21, 2025 |
| v5.6.1 | Feb 7, 2025 |
| v5.6.0 | Jan 22, 2025 |
| v5.5.2 | Nov 29, 2024 |
| v5.5.1 | Sep 19, 2024 |
Source: npm registry data for @ant-design/icons, refreshed weekly.
Frequently Asked Questions
Is Ant Design Icons free to use?
What styles does Ant Design Icons offer?
How do I install Ant Design Icons for React?
npm install @ant-design/icons, then: import { SearchOutlined } from "@ant-design/icons";. The package is tree-shakeable.