Icons SVG Lightweight

Hero Icons

Tailwind CSS官方图标库，简洁优雅的SVG图标

🎯 设计基因

2px描边：统一的stroke-width
24x24网格：完美像素对齐
两种风格：outline (线框) + solid (实心)
纯SVG：无依赖，极小体积

🧩 使用方式

// React
import { BeakerIcon } from '@heroicons/react/24/outline'
import { BeakerIcon } from '@heroicons/react/24/solid'

// SVG 直接使用
<svg className="w-6 h-6 text-cyan-500" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M13 10V3L4 14h7v7l9-11h-7z" />
</svg>
            

💡 为什么选Hero

与Tailwind完美集成，统一的设计语言。226个图标，覆盖所有常见场景。