圖標在生活中隨處可見。相比文字來說，圖標可以讓人在更短的時間內認知并了解信息，并且大大提升信息的視覺美觀性，增加設計的藝術感染力。在用戶界面中使用圖標，是一種用戶熟知的設計模式。而線性圖標是通過提煉圖形輪廓，簡單勾勒而成的圖標。線條描邊越粗，視覺層級越高，多在同一產品內且功能入口較多的情況下使用。「一起來動手設計一套線性圖標吧 ~

詳細相關線性圖標等相關資料：即時設計 - 可實時協作的專業 UI 設計工具即時設計是一款支持在線協作的專業級 UI 設計工具，支持 Sketch、Figma、XD 格式導入，海量優質設計資源即拿即用。支持創建交互原型、獲取設計標注，為產設研團隊提供一站式協同辦公體驗。https://js.design/f/xSLLq_?p=bJ13hj1yow&y=hd&j=26&source=csdn&plan=yb6282&mode=design

播放：

新建畫板（快捷鍵為：A）尺寸為：28PX ^ 28PX ，設置背景色 #FFFFFF ；繪制圓形（快捷鍵為：O）尺寸為：22PX ^ 22PX，取消填充；設置描邊：顏色 #142743、居中、大小為 2；

選擇左側工具欄中的「三角形」，繪制尺寸為 10PX ^ 10PX的三角形，旋轉90°；

雙擊三角形或者選中三角形按回車鍵，進入「編輯模式」，框選三個端點設置圓角度為1.5，再調整尺寸為 10PX ^ 8PX；?Tips：選中端點時可通過鍵盤上的方向鍵來改變形狀的大小；

開關

復制畫板，繪制圓形，同樣取消填充；設置描邊：顏色 #142743、居中、大小為 2；雙擊圓環并在上方添加兩個錨點，選中頂部的錨點并刪除；

設置圓環的描邊屬性為「圓頭端點」；

繪制矩形，居中對齊圓環；?Tips：線性圖標主要是通過元素“線“去延伸，基于線的粗細大小、端點類型、圓角、描邊、顏色等基礎屬性塑造成型。在繪制中要保持線的粗細一致、圓角相同，視覺一致性；