vue-material-kit/documentation/assets/js/20.3b780394.js

(window.webpackJsonp=window.webpackJsonp||[]).push([[20],{229:function(t,s,a){"use strict";a.r(s);var e=a(0),n=Object(e.a)({},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("div",{staticClass:"content"},[t._m(0),t._v(" "),a("p",[t._v("Through most of the examples in this dashboard, we have used the default Icons for the Material Design provided by Google. You can easily use them like this:")]),t._v(" "),a("demo-block",{staticClass:"demo-box",attrs:{jsfiddle:{html:"<md-icon>favorite</md-icon>\n",script:null,style:null}}},[a("div",{staticClass:"source",attrs:{slot:"source"},slot:"source"},[a("md-icon",[t._v("favorite")])],1),t._v(" "),a("div",{staticClass:"highlight",attrs:{slot:"highlight"},slot:"highlight"},[a("div",{staticClass:"language-html extra-class"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("md-icon")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("favorite"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("md-icon")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])])])])]),t._v(" "),a("blockquote",[a("p",[t._v("Note: for more details about the icons please see the "),a("strong",[t._v("Icon")]),t._v(" section from "),a("a",{attrs:{href:"https://vuematerial.io/components/icon",target:"_blank",rel:"noopener noreferrer"}},[t._v("vuematerial.io"),a("OutboundLink")],1)])])],1)},[function(){var t=this.$createElement,s=this._self._c||t;return s("h1",{attrs:{id:"material-icons"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#material-icons","aria-hidden":"true"}},[this._v("#")]),this._v(" Material Icons")])}],!1,null,null,null);s.default=n.exports}}]);