UNPKG

phosphor-vue

Version:

A clean and friendly icon family for Vue, too!

180 lines (164 loc) 4.76 kB
import script from './PhMagnifyingGlass.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('circle', { attrs: { "cx": "116", "cy": "116", "r": "84", "fill": "none", "stroke": _vm.displayColor, "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "24" } }), _vm._v(" "), _c('line', { attrs: { "x1": "175.4", "y1": "175.4", "x2": "224", "y2": "224", "fill": "none", "stroke": _vm.displayColor, "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "24" } })]) : _vm.displayWeight === 'duotone' ? _c('g', [_c('circle', { attrs: { "cx": "116", "cy": "116", "r": "84", "opacity": "0.2" } }), _vm._v(" "), _c('circle', { attrs: { "cx": "116", "cy": "116", "r": "84", "fill": "none", "stroke": _vm.displayColor, "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "16" } }), _vm._v(" "), _c('line', { attrs: { "x1": "175.4", "y1": "175.4", "x2": "224", "y2": "224", "fill": "none", "stroke": _vm.displayColor, "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "16" } })]) : _vm.displayWeight === 'fill' ? _c('g', [_c('path', { attrs: { "d": "M176,116a60,60,0,1,1-60-60A60,60,0,0,1,176,116Zm53.6,113.7A8,8,0,0,1,224,232a8.3,8.3,0,0,1-5.7-2.3l-43.2-43.3a92.2,92.2,0,1,1,11.3-11.3l43.2,43.2A8,8,0,0,1,229.6,229.7ZM116,192a76,76,0,1,0-76-76A76.1,76.1,0,0,0,116,192Z" } })]) : _vm.displayWeight === 'light' ? _c('g', [_c('circle', { attrs: { "cx": "116", "cy": "116", "r": "84", "fill": "none", "stroke": _vm.displayColor, "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "12" } }), _vm._v(" "), _c('line', { attrs: { "x1": "175.4", "y1": "175.4", "x2": "224", "y2": "224", "fill": "none", "stroke": _vm.displayColor, "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "12" } })]) : _vm.displayWeight === 'thin' ? _c('g', [_c('circle', { attrs: { "cx": "116", "cy": "116", "r": "84", "fill": "none", "stroke": _vm.displayColor, "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "8" } }), _vm._v(" "), _c('line', { attrs: { "x1": "175.4", "y1": "175.4", "x2": "224", "y2": "224", "fill": "none", "stroke": _vm.displayColor, "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "8" } })]) : _vm.displayWeight === 'regular' ? _c('g', [_c('circle', { attrs: { "cx": "116", "cy": "116", "r": "84", "fill": "none", "stroke": _vm.displayColor, "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "16" } }), _vm._v(" "), _c('line', { attrs: { "x1": "175.4", "y1": "175.4", "x2": "224", "y2": "224", "fill": "none", "stroke": _vm.displayColor, "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "16" } })]) : _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 };