Login / Join
Google Material Design Icons
submitted on 29/04/2015 by
Codicode
+ infos
Config
Embed
Share
Google Material Design Icons
by
Codicode
displaying google material design Icons,
Setting up SVG sprite image dimensions with CSS.
Framework 1 :
-- None --
jQuery 2.0.3
jQuery 1.9.1
jQuery 1.9.0
jQuery 1.8.0
jQuery 1.7.1
jQuery 1.6.3
jQuery UI 1.10.3
MooTools 1.4.5
AngularJS 1.0.4
Prototype 1.7.1.0
Dojo 1.8.3
Chrome Frame 1.0.3
Ext Core 3.1.0
SWFObject 2.2
WebFont Loader 1.1.2
Framework 2 :
-- None --
jQuery 2.0.3
jQuery 1.9.1
jQuery 1.9.0
jQuery 1.8.0
jQuery 1.7.1
jQuery 1.6.3
jQuery UI 1.10.3
MooTools 1.4.5
AngularJS 1.0.4
Prototype 1.7.1.0
Dojo 1.8.3
Chrome Frame 1.0.3
Ext Core 3.1.0
SWFObject 2.2
WebFont Loader 1.1.2
+ Js file(s) :
+ Css file(s) :
//cdn.goodwillwa.org/vendor/material-design-icons/sprites/svg-sprite/svg-sprite-action.css
Apply
Link :
Direct http link :
Fork button :
Html code :
Embed preview :
Copy the following html code to your page to embed the preview,
To include many previews on a single page, just repeat the first line.
You can change the width, height and border color (bcolor).
<div class="refork-widget" code="fcf" style="width:100%;height:200px;" bcolor="#ccc"></div>
<script type="text/javascript" src="//snippet.run/d/z.js"></script>
HTML
<h2>Google Material Design Icons Example</h2> <div class="svg-ic_work_24px"></div> Icon Work <br /> <div class="svg-ic_favorite_24px"></div> Icon Favorite
CSS
body { background-color:#fff; padding : 30px; font-family: Arial, sans-serif; font-size: 16px; } *[class^="svg-ic"]{ display:inline-block; vertical-align:top; width: 24px; height: 24px; }
Javascript
©2013 Copyright snippet.run
Privacy
-
Terms of use
-
About
-
Contact