@ant-design/icons

Ant Design Icons for React

Install

yarn add @ant-design/icons

Basic Usage

You can import it directly or destructure from @ant-design/icons when tree-shaking enabled.

import SmileOutlined from '@ant-design/icons/SmileOutlined';
import { SmileOutlined } from '@ant-design/icons';

import SmileFilled from '@ant-design/icons/SmileFilled';
import SmileTwoTone from '@ant-design/icons/SmileTwoTone';
import { SmileFilled, SmileTwoTone } from '@ant-design/icons';

Component Interface

interface AntdIconProps {
  className?: string;
  onClick?: React.MouseEventHandler<SVGSVGElement>;
  style?: React.CSSProperties;
}

Release

npm run generate
npm run compile
npm publish

Similar packages

Other packages similar to @ant-design/icons

react-icons

React-icons provides a large set of icons from various icon libraries (FontAwesome, Ionicons, MaterialDesign, etc.) for React applications. Unlike @ant-design/icons, which is tailored for Ant Design, react-icons offers a broader selection from multiple sources, making it versatile for different design systems.

font-awesome

Font Awesome is a popular icon library that can be used in web projects. It provides icons as fonts and CSS. While it's not a React-specific package like @ant-design/icons, it's widely used across web development for adding icons due to its extensive collection and ease of use.