Search
Icons
Semantic vector graphics.
List of iconsDownload png archive
Outlined
Directional
Suggested
Editor
Data
Application
Brand and Logos
Filled Icons
Directional
Suggested
Editor
Data
Application
Brand and Logos
Two-tone Icons
Directional
Suggested
Editor
Data
Application
Brand and Logos
Examples
Basic
Import icons from @ant-design/icons, component name of icons with different theme is the icon name suffixed by the theme name. Specific the spin property to show spinning animation.
Two-tone icon and colorful icon
You can set twoToneColor prop to specific primary color for two-tone icons.
Custom Icon
Create a reusable React component by using <Icon component= ... />. The property component takes a React component that renders to svg element.
API
Common Icon
| Property | Description | Type | Default |
|---|---|---|---|
className | className of Icon | string | - |
style | Style properties of icon, like fontSize and color | CSSProperties | - |
spin | Rotate icon with animation | boolean | false |
rotate | Rotate by n degrees (not working in IE9) | number | - |
twoToneColor | Only supports the two-tone icon. Specify the primary color. | string (hex color) | - |