@jabirdeveloper/material-symbols v0.1.29

Material Symbols for React Project

This is just a simple library to use Material Symbols in your React project. You can learn more about Material Symbols from this link: https://fonts.google.com/icons. This library also includes other libraries namely: material-symbols, clsx, and tailwind-merge.

Installation

npm i @jabirdeveloper/material-symbols

Usage

Import in CSS (example: index.css in Vite):

@import "material-symbols";

Component Symbol props:

Example code to display icon:

...
import { Symbols } from "@jabirdeveloper/material-symbols";

function App() {

  return (
    <>
      ...
        <Symbols filled variants="rounded" grade="high" opticalSize={48}>
          home
        </Symbols>
      ...
    </>
  );
}

export default App;

Thank you