Template:MdiIcon: Difference between revisions

From BITPlan Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
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 04: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}}