@svg-animated-icons/react

Animated SVG icon React components.

Install

npm install @svg-animated-icons/react

Usage

import { ArrowDownIcon } from "@svg-animated-icons/react";

export function Example() {
  return <ArrowDownIcon />;
}

Each component animates on hover by default. Pass disableHover to opt out:

<ArrowDownIcon disableHover />

Pass a className to extend styles:

<ArrowDownIcon className="text-blue-500" />

Tree-shaking

Per-icon entry points let bundlers strip everything you don't import:

import { ArrowDownIcon } from "@svg-animated-icons/react/arrow-down";