UNPKG

phosphor-vue

Version:

A clean and friendly icon family for Vue, too!

203 lines (187 loc) 5.77 kB
import script from './PhImage.vue_rollup-plugin-vue_script.js'; import normalizeComponent from '../../node_modules/vue-runtime-helpers/dist/normalize-component.mjs.js'; /* script */ const __vue_script__ = script; /* template */ var __vue_render__ = function () { var _vm = this; var _h = _vm.$createElement; var _c = _vm._self._c || _h; return _c('svg', _vm._g(_vm._b({ attrs: { "xmlns": "http://www.w3.org/2000/svg", "viewBox": "0 0 256 256", "width": _vm.displaySize, "height": _vm.displaySize, "fill": _vm.displayColor, "transform": _vm.displayMirrored } }, 'svg', _vm.$attrs, false), _vm.$listeners), [_vm._t("default"), _vm._v(" "), _vm.displayWeight === 'bold' ? _c('g', [_c('rect', { attrs: { "x": "32", "y": "48", "width": "192", "height": "160", "rx": "8", "fill": "none", "stroke": _vm.displayColor, "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "24" } }), _vm._v(" "), _c('path', { attrs: { "d": "M32,168l50.3-50.3a8,8,0,0,1,11.4,0l44.6,44.6a8,8,0,0,0,11.4,0l20.6-20.6a8,8,0,0,1,11.4,0L224,184", "fill": "none", "stroke": _vm.displayColor, "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "24" } }), _vm._v(" "), _c('circle', { attrs: { "cx": "156", "cy": "100", "r": "16" } })]) : _vm.displayWeight === 'duotone' ? _c('g', [_c('path', { attrs: { "d": "M32,168l50.3-50.3a8,8,0,0,1,11.4,0l44.6,44.6a8,8,0,0,0,11.4,0l20.6-20.6a8,8,0,0,1,11.4,0L224,184V56a8,8,0,0,0-8-8H40a8,8,0,0,0-8,8Z", "opacity": "0.2" } }), _vm._v(" "), _c('rect', { attrs: { "x": "32", "y": "48", "width": "192", "height": "160", "rx": "8", "fill": "none", "stroke": _vm.displayColor, "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "16" } }), _vm._v(" "), _c('path', { attrs: { "d": "M32,168l50.3-50.3a8,8,0,0,1,11.4,0l44.6,44.6a8,8,0,0,0,11.4,0l20.6-20.6a8,8,0,0,1,11.4,0L224,184", "fill": "none", "stroke": _vm.displayColor, "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "16" } }), _vm._v(" "), _c('circle', { attrs: { "cx": "156", "cy": "100", "r": "12" } })]) : _vm.displayWeight === 'fill' ? _c('g', [_c('path', { attrs: { "d": "M168,100h0a12,12,0,0,1-12,12,12,12,0,0,1-12-12,12,12,0,0,1,24,0Zm64-44V184h0v16a16,16,0,0,1-16,16H40a16,16,0,0,1-16-16V168h0V56A16,16,0,0,1,40,40H216A16,16,0,0,1,232,56ZM216,164.7V56H40v92.7L76.7,112a16.1,16.1,0,0,1,22.6,0L144,156.7,164.7,136a16.1,16.1,0,0,1,22.6,0Z" } })]) : _vm.displayWeight === 'light' ? _c('g', [_c('rect', { attrs: { "x": "32", "y": "48", "width": "192", "height": "160", "rx": "8", "fill": "none", "stroke": _vm.displayColor, "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "12" } }), _vm._v(" "), _c('path', { attrs: { "d": "M32,168l50.3-50.3a8,8,0,0,1,11.4,0l44.6,44.6a8,8,0,0,0,11.4,0l20.6-20.6a8,8,0,0,1,11.4,0L224,184", "fill": "none", "stroke": _vm.displayColor, "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "12" } }), _vm._v(" "), _c('circle', { attrs: { "cx": "156", "cy": "100", "r": "10" } })]) : _vm.displayWeight === 'thin' ? _c('g', [_c('rect', { attrs: { "x": "32", "y": "48", "width": "192", "height": "160", "rx": "8", "fill": "none", "stroke": _vm.displayColor, "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "8" } }), _vm._v(" "), _c('path', { attrs: { "d": "M32,168l50.3-50.3a8,8,0,0,1,11.4,0l44.6,44.6a8,8,0,0,0,11.4,0l20.6-20.6a8,8,0,0,1,11.4,0L224,184", "fill": "none", "stroke": _vm.displayColor, "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "8" } }), _vm._v(" "), _c('circle', { attrs: { "cx": "156", "cy": "100", "r": "8" } })]) : _vm.displayWeight === 'regular' ? _c('g', [_c('rect', { attrs: { "x": "32", "y": "48", "width": "192", "height": "160", "rx": "8", "fill": "none", "stroke": _vm.displayColor, "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "16" } }), _vm._v(" "), _c('path', { attrs: { "d": "M32,168l50.3-50.3a8,8,0,0,1,11.4,0l44.6,44.6a8,8,0,0,0,11.4,0l20.6-20.6a8,8,0,0,1,11.4,0L224,184", "fill": "none", "stroke": _vm.displayColor, "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "16" } }), _vm._v(" "), _c('circle', { attrs: { "cx": "156", "cy": "100", "r": "12" } })]) : _vm._e()], 2); }; var __vue_staticRenderFns__ = []; /* style */ const __vue_inject_styles__ = undefined; /* scoped */ const __vue_scope_id__ = undefined; /* module identifier */ const __vue_module_identifier__ = undefined; /* functional template */ const __vue_is_functional_template__ = false; /* style inject */ /* style inject SSR */ /* style inject shadow dom */ const __vue_component__ = /*#__PURE__*/normalizeComponent({ render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ }, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined); var __vue_component__$1 = __vue_component__; export { __vue_component__$1 as default };