React + Vue 函式庫
除了直接從網站上取得您需要的圖示之外，您現在還可以安裝我們的官方 React 和 Vue 函式庫，以便快速輕鬆地存取每個圖示作為專用元件。
以下是使用 React 的範例：
import { BeakerIcon } from "@heroicons/react/solid";function MyComponent() { return ( <div> <BeakerIcon className="h-5 w-5 text-blue-500" /> <p>...</p> </div> );}查看 GitHub 上的文件以了解更多資訊。
Figma 資產
我們也在新的 Figma 社群頁面上發布了官方 Heroicons Figma 檔案！
它包含 Heroicons 中的所有圖示作為單獨的 Figma 元件，因此您可以輕鬆地在您的專案中使用它們，而無需手動匯入每個 SVG。
想開始試用嗎？造訪 Heroicons 網站 →