← Older edit
VisualWikitext
Xeverything11 (talk | contribs)
Bureaucrats, Interface administrators, Administrators
441 edits
styling
Xeverything11 (talk | contribs)
Bureaucrats, Interface administrators, Administrators
441 edits
→Weight: specific
 
(2 intermediate revisions by the same user not shown)
Line 5: Line 5:


=== Weight ===
=== Weight ===
Range: 100 to 700 via <code>font-weight</code>
Range: 100 to 700 (through <code>wght</code> settings in <code>font-variation-settings</code>)
{| class="wikitable"
{| class="wikitable"
! Weight
! Weight
Line 11: Line 11:
|-
|-
| 100
| 100
| {{material icon|style=font-weight: 100;|searchhomemenuclosesettings}}
| {{material icon|1=<span style="font-variation-settings: 'wght' 100">searchhomemenuclosesettings</span>}}
|-
|-
| 200
| 200
| {{material icon|style=font-weight: 200;|searchhomemenuclosesettings}}
| {{material icon|1=<span style="font-variation-settings: 'wght' 200">searchhomemenuclosesettings</span>}}
|-
|-
| 300
| 300
| {{material icon|style=font-weight: 300;|searchhomemenuclosesettings}}
| {{material icon|1=<span style="font-variation-settings: 'wght' 300">searchhomemenuclosesettings</span>}}
|-
|-
| 400
| 400
| {{material icon|style=font-weight: 400;|searchhomemenuclosesettings}}
| {{material icon|1=<span style="font-variation-settings: 'wght' 400">searchhomemenuclosesettings</span>}}
|-
|-
| 500
| 500
| {{material icon|style=font-weight: 500;|searchhomemenuclosesettings}}
| {{material icon|1=<span style="font-variation-settings: 'wght' 500">searchhomemenuclosesettings</span>}}
|-
|-
| 600
| 600
| {{material icon|style=font-weight: 600;|searchhomemenuclosesettings}}
| {{material icon|1=<span style="font-variation-settings: 'wght' 600;">searchhomemenuclosesettings</span>}}
|-
|-
| 700
| 700
| {{material icon|style=font-weight: 700;|searchhomemenuclosesettings}}
| {{material icon|1=<span style="font-variation-settings: 'wght' 700;">searchhomemenuclosesettings</span>}}
|}
|}


Latest revision as of 12:37, 17 May 2025

This template inserts a Material Symbols icon.

Styling[edit source]

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

Weight[edit source]

Range: 100 to 700 (through wght settings in font-variation-settings)

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

Table of icons[edit source]

Icon name Code point Icon
Actions
3d_rotation e84d 3d_rotation
accessibility e84e accessibility
accessibility_new e92c accessibility_new
accessible e914 accessible
accessible_forward e934 accessible_forward
account_box e851 account_box
account_circle e853 account_circle
account_circle_off f7b3 account_circle_off
ad e65a ad
ad_group e65b ad_group
ad_group_off eae5 ad_group_off
ad_off f7b2 ad_off
ads_click e762 ads_click
alarm e855 alarm
alarm_add e856 alarm_add
alarm_off e857 alarm_off
alarm_on e858 alarm_on
Retrieved from "https://howto.wikioasis.org/wiki/Template:Material_icon/doc?oldid=3264"
Retrieved from "https://howto.wikioasis.org/wiki/Template:Material_icon/doc?oldid=3264"