飛鏢圖標是幾何構圖與材質表現的優秀練習題。本教學展示如何從基本圓形、矩形、三角形出發，透過 路徑查找器 (合併/減去/相交)、偏移路徑、線性/徑向漸層、不透明蒙版、投影效果，快速構建擁有金屬飛鏢體、羽翼、靶心立體感的簡潔圖標。流程短、邏輯清晰，適合 UI 圖示設計入門練習。

製作流程概覽

1. 飛鏢主體：圓形 + 矩形合併 (路徑查找器加到形狀區域) → 偏移路徑建立邊緣厚度 → 金屬漸層 (深灰→淺灰→深灰) 模擬圓柱體。
2. 羽翼：三角形 → 圓角效果 → 線性漸層 (深→淺) 表現薄片透光感 → 複製鏡像形成四片羽翼 → 群組置於主體尾部。
3. 靶心/圓環：同心圓環疊加，交替填色 (紅/白/藍/白) → 徑向漸層增加厚度感 → 置於主體前端。
4. 立體強化：主體頂部添加白色高光橢圓 (高斯模糊/低不透明度)；底部添加投影 (不透明蒙版漸隱)。
5. 背景/地面：簡單矩形漸層或網格工具模擬地面接收陰影。

核心技巧精華

• 路徑查找器布林運算 是幾何構圖的基因編碼：加 (合併)、減 (挖洞)、交 (取共同)、排 (反相疊加)。
• 偏移路徑 精確控制邊框/厚度，優於手動縮放。
• 漸層方向服從幾何：圓柱體用線性漸層垂直軸向；球體/圓環用徑向漸層。
• 不透明蒙版 控制高光/陰影漸隱範圍，非破壞且可動畫 (存 SVG/SMIL)。

這個飛鏢圖標雖簡潔，却完整包含了「幾何布林 → 材質漸層 → 光影蒙版 → 空間關係」的圖示設計四大支柱，是建立圖示設計系統的優秀最小可行性產品 (MVP) 練習。