幾個月前，我們悄悄發布了 Heroicons，這是一組免費的 SVG 圖示，我們最初設計它是為了支援 Tailwind UI 中的元件。今天，我們正式推出 Heroicons 網路體驗，讓您比以往更容易搜尋圖示，並將它們快速複製到您的剪貼簿，作為適用於 Tailwind 的 HTML 或 JSX。
目前有超過 220 個圖示，提供中等和小兩種尺寸，這些尺寸旨在服務於不同的使用案例
- 中等圖示設計為以 24x24 像素呈現，適用於主要導覽和行銷區塊等。
- 小型圖示設計為以 20x20 像素呈現，適用於按鈕、表單元素和支援文字。
所有圖示都已為 Tailwind 準備就緒，並且可以使用 Tailwind 的內建尺寸和顏色工具輕鬆設定樣式。
<svg class="h-6 w-6 text-indigo-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3" /></svg>為了獲得最佳效果，中等圖示請使用 h-6 w-6，小型圖示請使用 h-5 w-5。
這只是個開始
我們對新圖示以及新的圖示樣式（雙色調有人想要嗎？）有很多想法，我們很興奮能在未來幾個月內設計和發布它們。
設計這個網站也讓我很想重新整理 Hero Patterns 網站，所以您很快就會在 heropatterns.com 上看到類似的東西
我們還有許多 其他「Hero」網域等待使用，我很興奮能很快揭露我們正在開發的內容。
有任何建議嗎？
如果您對新圖示有任何想法，我們很樂意聽取！請前往 Heroicons GitHub 儲存庫並開啟一個問題來提出建議。
想討論這篇文章嗎？在 GitHub 上討論 →