圖示

12 個 slug，以內嵌 SVG 隨源碼編譯入二進位檔：冇建置步驟，冇第二個來源，完全冇網絡都用得。每個嘅大細都由 tokens.css 自己嘅 .icon 規則按旁邊嘅文字決定，即係你而家見到嗰個大細。冇人答嘅 slug 咩都唔會畫，所以打錯字嘅代價係少咗一個圖示，唔係一版喺回應中途死咗嘅頁。

• alert-triangle{{icon "alert-triangle"}}lucide.dev/icons/triangle-alert
• check{{icon "check"}}lucide.dev/icons/check
• check-circle{{icon "check-circle"}}lucide.dev/icons/circle-check
• chevron-down{{icon "chevron-down"}}lucide.dev/icons/chevron-down
• help-circle{{icon "help-circle"}}lucide.dev/icons/circle-help
• info{{icon "info"}}lucide.dev/icons/info
• kebab{{icon "kebab"}}lucide.dev/icons/ellipsis-vertical
• menu{{icon "menu"}}lucide.dev/icons/menu
• plus{{icon "plus"}}lucide.dev/icons/plus
• search{{icon "search"}}lucide.dev/icons/search
• x{{icon "x"}}lucide.dev/icons/x
• x-circle{{icon "x-circle"}}lucide.dev/icons/circle-x

呢啲名係 rastrillo 自己嘅

12 個之中有 5 個同 lucide.dev 公佈嘅名唔同，所以連 Lucide 呢套本身都帶住自己一份對照。凡係圖示下面最後一行冇重複佢個名嘅，就係其中之一。好處係：無論應用搭骨架揀邊套，同一個調用都係指同一個字形，而隨附嘅 partial 唔會因為換套而改。

kebab 同 menu 係最值得分清嘅一對：kebab 係嗰三點，意思係「呢一行仲有其他操作」；menu 係嗰三條線，意思係導覽。外殼收埋嗰陣用嘅係 menu。

啲字形由邊度嚟

Lucide，按 ISC 授權隨源碼提供，釘死喺原始碼度而唔係執行時先去攞。rastrillo new --icons=font-awesome 就會改為搭出 Font Awesome Free：嗰個係應用可以攞料嘅來源，唔係呢個框架嘅依賴。呢度冇任何嘢會去攞佢，而 Pro 係付費產品，rastrillo 冇辦法代你隨源碼提供。

成套嘢喺 lucide.dev (喺新分頁度打開)。

框架冇提供嘅圖示

rastrillo new 寫出嘅 icons 套件係屬於應用嘅原始碼：將字形加落去，再好似其他圖示咁調用。將佢嘅 Icon 同 Assets 當做 icon 同 iconAssets 傳俾 ui.Pages，你自己嗰套就會企喺框架嗰套前面。

Funcs: template.FuncMap{"icon": icons.Icon, "iconAssets": icons.Assets, "asset": assets.Path},

成日都要傳埋兩個。淨係傳 icon 嘅話，iconAssets 會留喺框架嘅預設值度，cdn 或者 js 遞送會冇任何錯誤噉樣壞咗。