Antd icon. Find the list of icons, custom icon, two-tone icon, SVG icon and iconfont. import { NzIconModule, provideNzIconsPatch } from 'ng-zorro-antd/icon'; // in xxx. Basic Usage You can import it directly or destructure from @ant-design/icons when tree-shaking enabled. Learn how to use Icon component in Ant Design, a React UI library. Import icons from @ant-design/icons, component name of icons with different theme is the icon name suffixed by the theme name. Specify the spin property to show spinning animation. Find the list of icons, custom icon, two-tone icon, SVG icon, and iconfont. 301 Moved Permanently 301 Moved Permanently nginx Import icons from @ant-design/icons, component name of icons with different theme is the icon name suffixed by the theme name. An enterprise-class UI design language and React UI library with a set of high-quality React components, one of best React UI library for enterprises Components Overview antd provides plenty of UI components to enrich your web applications, and we will improve components experience consistently. The antd icons are a collection of customizable icons in the Ant Design library. Following the Ant Design specification, we developed a React UI library antd (Pronunciation) that contains a set of high quality components and demos for building rich, interactive user interfaces. Icon Semantic vector graphics. 301 Moved Permanently 301 Moved Permanently nginx Icon Placement You can set the position of a button's icon by setting the iconPlacement to start or end respectively. Contribute to ant-design/ant-design-icons development by creating an account on GitHub. Ant Design's icons adhere to the following two principles and are designed for cross-platform consistency: Graphics that are clear, intuitive, and simple enjoy a higher degree of recognition and are more easily The antd library includes a wide range of components such as icons, buttons, forms, tables, modals, and more, as well as powerful features like theme customization and accessibility support. You can import icons in providers of the component or router with provideNzIconsPatch API. cn integration. Before use icons, you need to install @ant-design/icons-vue package: npm install --save @ant-design/icons-vue Examples Import icons from @ant-design/icons, component name of icons with different theme is the icon name suffixed by the theme name. log (Icon) in the custom icon to demonstrate that Icon is actually an object containing all the @ant-design/icons exports, rather than being the default Icon component export. component. . cn. Customize colors and sizes, and export in multiple formats. We also recommend some great Third-Party Libraries additionally. ts @Component({ Icons An icon is a graphical representation of meaning. An enterprise-class UI design language and React UI library with a set of high-quality React components, one of best React UI library for enterprises Mar 6, 2026 · One thing of note, I've added a console. An icon is a graphical representation of meaning. Learn how to use icons in Ant Design, a React UI library. Specify the spin property to show the spinning animation. ⭐ Ant Design SVG Icons. Icons can be used to express actions, state, and even to categorize data. Ant Design's icons adhere to the following two principles and are designed for cross-platform consistency: Browse and download 830 SVG icons from the Ant Design Icons collection. fee psrca ezfrv hur rlo rxrnef qfut dgvgkgu nfbyhis ofyltr