Maru Icons

Install Maru Icons

An independent npm package for your own interfaces. React is optional for SVG users. The first npm release is being prepared.

pnpm add maru-icons
# or: npm install maru-icons

import { SineWaveIcon } from "maru-icons/react"

<SineWaveIcon size={48} strokeWidth={2} color="#2563eb" />

Components inherit currentColor and accept SVG attributes, refs, size, color, strokeWidth and className. Enable nonScalingStroke to keep line thickness constant as an icon grows; absoluteStrokeWidth is also supported. Named imports let bundlers keep only the icons you use. Icons are decorative by default; add an aria-label when an icon conveys meaning on its own. Label icon buttons on the button itself.

import { iconCatalog, iconToSvg } from "maru-icons"

const sine = iconCatalog.find((icon) => icon.name === "sine-wave")!
const svg = iconToSvg(sine, { size: 24, strokeWidth: 2 })

// Static files are also included: maru-icons/svg/sine-wave.svg

Planning to include Maru Icons in a kit or framework, or resell the collection? Contact us—we’d love to hear about it and help this collection benefit the community. Contact is encouraged, never required.

© 2026 Maru Audio. All rights reserved. Licensed under the Maru Icons License; see LICENSE. Use and resale are allowed; contacting Maru is encouraged but optional. Contributors retain their copyright. Imported icons retain their ISC and applicable MIT licenses, including their redistribution rights. Maru™, the Maru logo and the Maru Wave mark are trademarks of Maru Audio. See TRADEMARKS.md; no trademark rights are granted. See the license terms. These are static symbols; interactive knobs, envelope editors and visualizers are available in PluginUI’s component library.