Ant Design 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 • UI 16px / 32px • 16px

+F

About Ant Design Icons

Created By

HeskeyBaozi Visit Website

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 Mar 26, 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.1.0
Score 66%
Popularity 41%
Quality 93%
Maintenance 67%

License

MIT

Weekly downloads

3.2M

Monthly downloads

14.3M

Total downloads

165.7M

Unpacked size

9.2 MB

Last published

Oct 1, 2025

Registry updated

Nov 5, 2025

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.