1.1 線性之雙色

相較于 「純色的圖標」 更具表現力，細節上也會更加豐富，形態感知上多了一層變化。結合顏色的疊加、對比、互補提升了圖標的層次感和豐富度。同色系：同為冷色系、暖色系或同一色系的表達形式。如下圖案例，以暗色為主色，亮色點綴提亮，使得圖標具有一種高光提亮的感覺。

1.3 線性之漸變色

結合漸變的顏色，豐富了整個圖標的視覺表達，并提升了圖標的視覺沖擊力和設計感。案例結合黑白背景作為嘗試，白底：粗線比細線的視覺效果相對較好，漸變也能較為清晰地被表達；黑底：細線比粗線的視覺效果顯示得更加精致和具有銳度感。


二、線面結合
線面結合的圖標集合了線性和面性的優點，它保持了線性極簡的特點之外，讓圖標看起來更加踏實，撐得起場面。

2.1 線面之雙色
基于線面的基礎上，在線和面的顏色上做差異。



圖標雖然作為 UI 設計的基礎，卻有很深的學問，精致的圖標更是可以起到點睛的作用，提升網站界面的質感和氛圍。