Difference between revisions of "Template:MdiIcon"

From BITPlan Wiki
Jump to navigation Jump to search
Line 9: Line 9:
 
<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>
 
</source>
 
</source>
<pre>{{mdi-icon|icon=home}}</pre>
+
<pre>{{mdi-icon|icon=home|color=blue|size=48}}</pre>
{{mdi-icon|icon=home}}
+
{mdi-icon|icon=home|color=blue|size=48}}
 
<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">{{{icon|home}}}</i></includeonly>
+
</noinclude><includeonly><span style='color:{{{color|green}}};font-size:{{{size|24}}}px'><i class="material-icons">{{{icon|home}}}</i></span></includeonly>

Revision as of 06:23, 7 December 2019

This is a template to display Material Design Icons

see

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>
{{mdi-icon|icon=home|color=blue|size=48}}

{mdi-icon|icon=home|color=blue|size=48}}