Template:Material icon/doc: Difference between revisions

Revision as of 20:43, 16 May 2025

This template inserts a Material Symbols icon.

This template is a variable font, so you can adjust the weight, grade, fill and optical size of the icon.

Range: 100 to 700 via font-weight

Weight	Example icons
100	searchhomemenuclosesettings
200	searchhomemenuclosesettings
300	searchhomemenuclosesettings
400	searchhomemenuclosesettings
500	searchhomemenuclosesettings
600	searchhomemenuclosesettings
700	searchhomemenuclosesettings

@@ Line 1: / Line 1: @@
-This template inserts a Material Symbols icon. Here is a table of icons:
+This template inserts a Material Symbols icon.
+== Styling ==
+This template is a '''variable font''', so you can adjust the weight, grade, fill and optical size of the icon.
+=== Weight ===
+Range: 100 to 700 via <code>font-weight</code>
+{| class="wikitable"
+! Weight
+! Example icons
+|-
+| 100
+| {{material icon|style=font-weight: 100;|searchhomemenuclosesettings}}
+|-
+| 200
+| {{material icon|style=font-weight: 200;|searchhomemenuclosesettings}}
+|-
+| 300
+| {{material icon|style=font-weight: 300;|searchhomemenuclosesettings}}
+|-
+| 400
+| {{material icon|style=font-weight: 400;|searchhomemenuclosesettings}}
+|-
+| 500
+| {{material icon|style=font-weight: 500;|searchhomemenuclosesettings}}
+|-
+| 600
+| {{material icon|style=font-weight: 600;|searchhomemenuclosesettings}}
+|-
+| 700
+| {{material icon|style=font-weight: 700;|searchhomemenuclosesettings}}
+|}
+== Table of icons ==
 {| class="wikitable"
 ! Icon name