logo

Get Started

The @aracna/icons-material-symbols-* packages provide all the icons from the Material Symbols project as raw SVG strings.

  • @aracna/icons-material-symbols-rounded-os20 - 20px rounded icons
  • @aracna/icons-material-symbols-rounded-os20-fill - 20px rounded filled icons
  • @aracna/icons-material-symbols-rounded-os24 - 24px rounded icons
  • @aracna/icons-material-symbols-rounded-os24-fill - 24px rounded filled icons
  • @aracna/icons-material-symbols-sharp-os20 - 20px sharp icons
  • @aracna/icons-material-symbols-sharp-os20-fill - 20px sharp filled icons
  • @aracna/icons-material-symbols-sharp-os24 - 24px sharp icons
  • @aracna/icons-material-symbols-sharp-os24-fill - 24px sharp filled icons

The name syntax of the exported raw SVG strings is ICON_MS_<NAME>_W<WEIGHT> where <NAME> is the name of the icon in upper snake case and <WEIGHT> is the weight of the icon in pixels. The available weights are [100, 200, 300, 400, 500, 600, 700, 800, 900].

import { ICON_MS_BRUSH_W500 } from '@aracna/icons-material-symbols-rounded-os20/assets/brush';

// will log the SVG string of the "feather" icon
console.log(ICON_MS_BRUSH_W500);