免费动态图标库：适用于 React、shadcn/ui 和 Lottie 的动画图标

import UseAnimations from 'react-useanimations';
import menu from 'react-useanimations/lib/menu';

export function MenuButton({ open, onToggle }) {
  return (
    <UseAnimations
      animation={menu}
      active={open}
      onClick={onToggle}
      size={28}
    />
  );
}

npx shadcn@latest add https://useanimations.com/r/menu.json
# 然后: <AnimatedMenu size={24} />

# 每个图标都提供 SVG、动画（Lottie JSON）以及包含两者的 ZIP
https://useanimations.com/icons/menu/menu.svg
https://useanimations.com/icons/menu.json  # Lottie JSON
https://useanimations.com/icons/menu.zip   # Lottie JSON + static SVGs

const { icons } = await fetch('https://useanimations.com/icons.json').then((r) => r.json());
const icon = icons.find((i) => i.keywords.includes('hamburger'));
icon.react.import; // "import menu from 'react-useanimations/lib/menu';"