Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

material-design-icons-literal-types

Defkil4.1kISC1.0.36TypeScript support: included

This package provides TypeScript literal types for the icon names from the Google Material Design Icons repository. It allows you to use the icon names with type safety in your TypeScript projects.

material-design, typescript, literal-types, type-safety, google-icons, material-symbols, material-icons

readme

Material Design Icons Literal Types

This package provides TypeScript literal types for the icon names from the Google Material Design Icons repository. It allows you to use the icon names with type safety in your TypeScript projects.

Installation

Install the package

npm install -D material-design-icons-literal-types
pnpm add -D material-design-icons-literal-types
yarn add -D material-design-icons-literal-types

Usage

Import the desired icon type from the package

import {MaterialSymbols} from 'material-design-icons-literal-types'

const mySymbol: MaterialSymbols = 'home'
import {MaterialIcons} from 'material-design-icons-literal-types'

const myIcon: MaterialIcons = 'home'

The package provides the following literal types:

  • MaterialSymbols: Icon names for the Material Symbols icon set.
  • MaterialIcons: Icon names for the Material Icons icon set.

Using these literal types ensures that you are using valid icon names and helps catch typos during development.

Updating Icon Types

The icon types are automatically updated every Monday, Wednesday, and Friday at midnight (UTC) through a GitHub Actions workflow. This ensures that the package stays up to date with the latest icons from the Material Design Icons repository.

License

This project is licensed under the ISC License - see the LICENSE file for details.