Ant Design Icons Icons

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

848 icons MIT UI 16px / 32px 16px grid by HeskeyBaozi
Search icons...

More SVG Icons

account-book-filled

account-book-outlined

account-book-twotone

aim-outlined

alert-filled

alert-outlined

alert-twotone

alibaba-outlined

align-center-outlined

align-left-outlined

align-right-outlined

alipay-circle-filled

alipay-circle-outlined

alipay-outlined

alipay-square-filled

aliwangwang-filled

aliwangwang-outlined

aliyun-outlined

amazon-circle-filled

amazon-outlined

amazon-square-filled

android-filled

android-outlined

ant-cloud-outlined

ant-design-outlined

anthropic-filled

apartment-outlined

api-filled

api-outlined

api-twotone

apple-filled

apple-outlined

appstore-add-outlined

appstore-filled

appstore-outlined

appstore-twotone

area-chart-outlined

arrow-down-outlined

arrow-left-outlined

arrow-right-outlined

arrow-up-outlined

arrows-alt-outlined

audio-filled

audio-muted-outlined

audio-outlined

audio-twotone

audit-outlined

backward-filled

backward-outlined

baidu-outlined

bank-filled

bank-outlined

bank-twotone

bar-chart-outlined

barcode-outlined

bars-outlined

behance-circle-filled

behance-outlined

behance-square-filled

behance-square-outlined

bell-filled

bell-outlined

bell-twotone

bg-colors-outlined

bilibili-filled

bilibili-outlined

block-outlined

bold-outlined

book-filled

book-outlined

book-twotone

border-bottom-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.

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.5.0

v4.5.0

Color Support

Monochrome

Category

UI 16px / 32px

How to use Ant Design Icons icons

Icon Set Version

v4.5.0

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 Aug 13, 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.3.2
Score 66%
Popularity 41%
Quality 93%
Maintenance 67%

License

MIT

Weekly downloads

4.4M

Monthly downloads

18.1M

Total downloads

213.8M

Unpacked size

11 MB

Last published

Jun 27, 2026

Registry updated

Jun 27, 2026

npm Repository Homepage

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.2, landed on Jun 27, 2026.

Version Released
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
v5.5.0 Sep 18, 2024
v5.4.0 Jul 21, 2024

Source: npm registry data for @ant-design/icons, refreshed weekly.

Frequently Asked Questions

Is Ant Design Icons free to use?
Yes. Ant Design Icons are MIT licensed, free for personal and commercial projects.
What styles does Ant Design Icons offer?
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.
How do I install Ant Design Icons for React?
Run npm install @ant-design/icons, then: import { SearchOutlined } from "@ant-design/icons";. The package is tree-shakeable.
How many icons are in Ant Design Icons?
Ant Design Icons contains 848 SVG icons in the UI 16px / 32px category, designed on a 16px grid.
How often is Ant Design Icons updated?
Based on the last 10 releases, Ant Design Icons typically ships a new version every ~1 day. The latest release, v6.3.2, landed on Jun 27, 2026. See the full version history below.