Template:MdiIcon: Difference between revisions
Jump to navigation
Jump to search
m (Wf moved page Template:Mdi-icon to Template:MdiIcon without leaving a redirect) |
No edit summary |
||
| Line 22: | Line 22: | ||
<pre>{{mdiIcon|icon=face|size=36}}</pre> | <pre>{{mdiIcon|icon=face|size=36}}</pre> | ||
{{mdiIcon|icon=face|size=36}} | {{mdiIcon|icon=face|size=36}} | ||
<pre>{{mdiIcon}}</pre> | |||
{{mdiIcon}} | |||
<html><link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"></html> | <html><link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"></html> | ||
[[Category:Template]][[Category:Icon]] | [[Category:Template]][[Category:Icon]] | ||
</noinclude><includeonly><i class="material-icons" style='color:{{{color|green}}};font-size:{{{size|24}}}px'>{{{icon|home}}}</i></includeonly> | </noinclude><includeonly><i class="material-icons" style='color:{{{color|green}}};font-size:{{{size|24}}}px'>{{{icon|home}}}</i></includeonly> | ||
Revision as of 04:53, 7 December 2019
This is a template to display Material Design Icons
see
- https://google.github.io/material-design-icons/#icon-font-for-the-web
- https://material.io/resources/icons/?style=baseline
- https://stackoverflow.com/a/37626669/1497139
- https://cdn.materialdesignicons.com/1.1.34/
- http://wiki.bitplan.com/index.php/Template:Mdi-icon
Usage
make sure the Material Icons font is available e.g. with
<html><link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"></html>
{{mdiIcon|icon=home|color=blue|size=64}}
home
{{mdiIcon|icon=favorite|color=red|size=48}}
favorite
{{mdiIcon|icon=face|size=36}}
face
{{mdiIcon}}
home