Template:Material icon/doc: Difference between revisions
Page last edited 4 months ago by Xeverything11
Sections
styling |
corrected, expand |
||
| Line 11: | Line 11: | ||
|- | |- | ||
| 100 | | 100 | ||
| {{material icon|style=font-weight: 100 | | {{material icon|1=<span style="font-weight: 100">searchhomemenuclosesettings</span>}} | ||
|- | |- | ||
| 200 | | 200 | ||
| {{material icon|style=font-weight: 200 | | {{material icon|1=<span style="font-weight: 200">searchhomemenuclosesettings</span>}} | ||
|- | |- | ||
| 300 | | 300 | ||
| {{material icon|style=font-weight: 300 | | {{material icon|1=<span style="font-weight: 300">searchhomemenuclosesettings</span>}} | ||
|- | |- | ||
| 400 | | 400 | ||
| {{material icon|style=font-weight: 400 | | {{material icon|1=<span style="font-weight: 400">searchhomemenuclosesettings</span>}} | ||
|- | |- | ||
| 500 | | 500 | ||
| {{material icon|style=font-weight: 500 | | {{material icon|1=<span style="font-weight: 500">searchhomemenuclosesettings</span>}} | ||
|- | |- | ||
| 600 | | 600 | ||
| {{material icon|style=font-weight: 600 | | {{material icon|1=<span style="font-weight: 600">searchhomemenuclosesettings</span>}} | ||
|- | |- | ||
| 700 | | 700 | ||
| {{material icon|style=font-weight: 700 | | {{material icon|1=<span style="font-weight: 700">searchhomemenuclosesettings</span>}} | ||
|} | |} | ||
The font weight of icons inherits from parent's font weight. So, This is a group of {{material icon|searchhomemenuclosesettings}} icons, and '''icons {{material icon|searchhomemenuclosesettings}} in bold'''. | |||
== Table of icons == | == Table of icons == | ||
{| class="wikitable" | {| class="wikitable" | ||
Revision as of 20:50, 16 May 2025
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 font-weight
| Weight | Example icons |
|---|---|
| 100 | |
| 200 | |
| 300 | |
| 400 | |
| 500 | |
| 600 | |
| 700 |
The font weight of icons inherits from parent's font weight. So, This is a group of icons, and icons in bold.
Table of icons
| Icon name | Code point | Icon |
|---|---|---|
| Actions | ||
| 3d_rotation | e84d | |
| accessibility | e84e | |
| accessibility_new | e92c | |
| accessible | e914 | |
| accessible_forward | e934 | |
| account_box | e851 | |
| account_circle | e853 | |
| account_circle_off | f7b3 | |
| ad | e65a | |
| ad_group | e65b | |
| ad_group_off | eae5 | |
| ad_off | f7b2 | |
| ads_click | e762 | |
| alarm | e855 | |
| alarm_add | e856 | |
| alarm_off | e857 | |
| alarm_on | e858 | |
