Search Material Icons. Browse through the icons below to find the one you need. The search field supports synonyms—for example, try searching for "hamburger" or "logout."

Material Icons. 1,100+ React Material icons ready to use from the official website. The following npm package, @material-ui/icons, includes the 1,100+ official Material icons converted to SvgIcon components.

Guidance and suggestions for using icons with Material UI. Material UI provides icon support in three ways: With Material Icons exported as React components (SVG icons). With the SvgIcon component, a React wrapper for custom SVG icons. With the Icon component, a React wrapper for custom font icons. Material SVG icons

We provide a separate npm package, @material-ui/icons, that includes the 1,000+ official Material icons converted to SvgIcon components. Usage You can use material.io/tools/icons to find a specific icon.

For each SVG icon, we export the respective React component from the @material-ui/icons package. You can search the full list of these icons. Installation. Install the package in your project directory with: // with npm npm install @material-ui / icons …

The API documentation of the Icon React component. Learn more about the props and the CSS customization points.

Material Icons 图标. 你可以在我们的官网上找到 1100 多个 React Material icons。 @material-ui/icons 这个 npm 包包含了 1100 多个已经被转换成 SvgIcon 的官方 Material icons 。

API reference docs for the React Icon component. Learn about the props, CSS, and other APIs of this exported module.

Ícones Material. Mais de 1.100 ícones React, oficiais do Material e prontos para uso. O pacote npm a seguir, @material-ui/icons, inclui os mais de 1,100 Ícones Material oficiais, convertidos para componentes SvgIcon.

SVG elements should be scaled for a 24x24px viewport, so the resulting icon can be used as is, or included as a child for other Material-UI components that use icons. (This can be customized with the viewBox attribute).