phosphor-vue
Version:
A clean and friendly icon family for Vue, too!
538 lines (522 loc) • 13.5 kB
JavaScript
import script from './PhSpinner.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('line', {
attrs: {
"x1": "128",
"y1": "32",
"x2": "128",
"y2": "64",
"fill": "none",
"stroke": _vm.displayColor,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "24"
}
}), _vm._v(" "), _c('line', {
attrs: {
"x1": "195.9",
"y1": "60.1",
"x2": "173.3",
"y2": "82.7",
"fill": "none",
"stroke": _vm.displayColor,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "24"
}
}), _vm._v(" "), _c('line', {
attrs: {
"x1": "224",
"y1": "128",
"x2": "192",
"y2": "128",
"fill": "none",
"stroke": _vm.displayColor,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "24"
}
}), _vm._v(" "), _c('line', {
attrs: {
"x1": "195.9",
"y1": "195.9",
"x2": "173.3",
"y2": "173.3",
"fill": "none",
"stroke": _vm.displayColor,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "24"
}
}), _vm._v(" "), _c('line', {
attrs: {
"x1": "128",
"y1": "224",
"x2": "128",
"y2": "192",
"fill": "none",
"stroke": _vm.displayColor,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "24"
}
}), _vm._v(" "), _c('line', {
attrs: {
"x1": "60.1",
"y1": "195.9",
"x2": "82.7",
"y2": "173.3",
"fill": "none",
"stroke": _vm.displayColor,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "24"
}
}), _vm._v(" "), _c('line', {
attrs: {
"x1": "32",
"y1": "128",
"x2": "64",
"y2": "128",
"fill": "none",
"stroke": _vm.displayColor,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "24"
}
}), _vm._v(" "), _c('line', {
attrs: {
"x1": "60.1",
"y1": "60.1",
"x2": "82.7",
"y2": "82.7",
"fill": "none",
"stroke": _vm.displayColor,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "24"
}
})]) : _vm.displayWeight === 'duotone' ? _c('g', [_c('line', {
attrs: {
"x1": "128",
"y1": "32",
"x2": "128",
"y2": "64",
"fill": "none",
"stroke": _vm.displayColor,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "16"
}
}), _vm._v(" "), _c('line', {
attrs: {
"x1": "195.9",
"y1": "60.1",
"x2": "173.3",
"y2": "82.7",
"fill": "none",
"stroke": _vm.displayColor,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "16"
}
}), _vm._v(" "), _c('line', {
attrs: {
"x1": "224",
"y1": "128",
"x2": "192",
"y2": "128",
"fill": "none",
"stroke": _vm.displayColor,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "16"
}
}), _vm._v(" "), _c('line', {
attrs: {
"x1": "195.9",
"y1": "195.9",
"x2": "173.3",
"y2": "173.3",
"fill": "none",
"stroke": _vm.displayColor,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "16"
}
}), _vm._v(" "), _c('line', {
attrs: {
"x1": "128",
"y1": "224",
"x2": "128",
"y2": "192",
"fill": "none",
"stroke": _vm.displayColor,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "16"
}
}), _vm._v(" "), _c('line', {
attrs: {
"x1": "60.1",
"y1": "195.9",
"x2": "82.7",
"y2": "173.3",
"fill": "none",
"stroke": _vm.displayColor,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "16"
}
}), _vm._v(" "), _c('line', {
attrs: {
"x1": "32",
"y1": "128",
"x2": "64",
"y2": "128",
"fill": "none",
"stroke": _vm.displayColor,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "16"
}
}), _vm._v(" "), _c('line', {
attrs: {
"x1": "60.1",
"y1": "60.1",
"x2": "82.7",
"y2": "82.7",
"fill": "none",
"stroke": _vm.displayColor,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "16"
}
})]) : _vm.displayWeight === 'fill' ? _c('g', [_c('path', {
attrs: {
"d": "M136,32V64a8,8,0,0,1-16,0V32a8,8,0,0,1,16,0Zm37.3,58.7a7.8,7.8,0,0,0,5.6-2.3l22.6-22.6a8,8,0,1,0-11.3-11.3L167.6,77.1a8,8,0,0,0,0,11.3A7.8,7.8,0,0,0,173.3,90.7ZM224,120H192a8,8,0,0,0,0,16h32a8,8,0,0,0,0-16Zm-45.1,47.6a8,8,0,0,0-11.3,11.3l22.6,22.6a8,8,0,0,0,5.7,2.4,7.7,7.7,0,0,0,5.6-2.4,7.9,7.9,0,0,0,0-11.3ZM128,184a8,8,0,0,0-8,8v32a8,8,0,0,0,16,0V192A8,8,0,0,0,128,184ZM77.1,167.6,54.5,190.2a7.9,7.9,0,0,0,0,11.3,7.7,7.7,0,0,0,5.6,2.4,8,8,0,0,0,5.7-2.4l22.6-22.6a8,8,0,0,0-11.3-11.3ZM72,128a8,8,0,0,0-8-8H32a8,8,0,0,0,0,16H64A8,8,0,0,0,72,128ZM65.8,54.5A8,8,0,0,0,54.5,65.8L77.1,88.4a8.1,8.1,0,0,0,11.3,0,8,8,0,0,0,0-11.3Z"
}
})]) : _vm.displayWeight === 'light' ? _c('g', [_c('line', {
attrs: {
"x1": "128",
"y1": "32",
"x2": "128",
"y2": "64",
"fill": "none",
"stroke": _vm.displayColor,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "12"
}
}), _vm._v(" "), _c('line', {
attrs: {
"x1": "195.9",
"y1": "60.1",
"x2": "173.3",
"y2": "82.7",
"fill": "none",
"stroke": _vm.displayColor,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "12"
}
}), _vm._v(" "), _c('line', {
attrs: {
"x1": "224",
"y1": "128",
"x2": "192",
"y2": "128",
"fill": "none",
"stroke": _vm.displayColor,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "12"
}
}), _vm._v(" "), _c('line', {
attrs: {
"x1": "195.9",
"y1": "195.9",
"x2": "173.3",
"y2": "173.3",
"fill": "none",
"stroke": _vm.displayColor,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "12"
}
}), _vm._v(" "), _c('line', {
attrs: {
"x1": "128",
"y1": "224",
"x2": "128",
"y2": "192",
"fill": "none",
"stroke": _vm.displayColor,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "12"
}
}), _vm._v(" "), _c('line', {
attrs: {
"x1": "60.1",
"y1": "195.9",
"x2": "82.7",
"y2": "173.3",
"fill": "none",
"stroke": _vm.displayColor,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "12"
}
}), _vm._v(" "), _c('line', {
attrs: {
"x1": "32",
"y1": "128",
"x2": "64",
"y2": "128",
"fill": "none",
"stroke": _vm.displayColor,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "12"
}
}), _vm._v(" "), _c('line', {
attrs: {
"x1": "60.1",
"y1": "60.1",
"x2": "82.7",
"y2": "82.7",
"fill": "none",
"stroke": _vm.displayColor,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "12"
}
})]) : _vm.displayWeight === 'thin' ? _c('g', [_c('line', {
attrs: {
"x1": "128",
"y1": "32",
"x2": "128",
"y2": "64",
"fill": "none",
"stroke": _vm.displayColor,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "8"
}
}), _vm._v(" "), _c('line', {
attrs: {
"x1": "195.9",
"y1": "60.1",
"x2": "173.3",
"y2": "82.7",
"fill": "none",
"stroke": _vm.displayColor,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "8"
}
}), _vm._v(" "), _c('line', {
attrs: {
"x1": "224",
"y1": "128",
"x2": "192",
"y2": "128",
"fill": "none",
"stroke": _vm.displayColor,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "8"
}
}), _vm._v(" "), _c('line', {
attrs: {
"x1": "195.9",
"y1": "195.9",
"x2": "173.3",
"y2": "173.3",
"fill": "none",
"stroke": _vm.displayColor,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "8"
}
}), _vm._v(" "), _c('line', {
attrs: {
"x1": "128",
"y1": "224",
"x2": "128",
"y2": "192",
"fill": "none",
"stroke": _vm.displayColor,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "8"
}
}), _vm._v(" "), _c('line', {
attrs: {
"x1": "60.1",
"y1": "195.9",
"x2": "82.7",
"y2": "173.3",
"fill": "none",
"stroke": _vm.displayColor,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "8"
}
}), _vm._v(" "), _c('line', {
attrs: {
"x1": "32",
"y1": "128",
"x2": "64",
"y2": "128",
"fill": "none",
"stroke": _vm.displayColor,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "8"
}
}), _vm._v(" "), _c('line', {
attrs: {
"x1": "60.1",
"y1": "60.1",
"x2": "82.7",
"y2": "82.7",
"fill": "none",
"stroke": _vm.displayColor,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "8"
}
})]) : _vm.displayWeight === 'regular' ? _c('g', [_c('line', {
attrs: {
"x1": "128",
"y1": "32",
"x2": "128",
"y2": "64",
"fill": "none",
"stroke": _vm.displayColor,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "16"
}
}), _vm._v(" "), _c('line', {
attrs: {
"x1": "195.9",
"y1": "60.1",
"x2": "173.3",
"y2": "82.7",
"fill": "none",
"stroke": _vm.displayColor,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "16"
}
}), _vm._v(" "), _c('line', {
attrs: {
"x1": "224",
"y1": "128",
"x2": "192",
"y2": "128",
"fill": "none",
"stroke": _vm.displayColor,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "16"
}
}), _vm._v(" "), _c('line', {
attrs: {
"x1": "195.9",
"y1": "195.9",
"x2": "173.3",
"y2": "173.3",
"fill": "none",
"stroke": _vm.displayColor,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "16"
}
}), _vm._v(" "), _c('line', {
attrs: {
"x1": "128",
"y1": "224",
"x2": "128",
"y2": "192",
"fill": "none",
"stroke": _vm.displayColor,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "16"
}
}), _vm._v(" "), _c('line', {
attrs: {
"x1": "60.1",
"y1": "195.9",
"x2": "82.7",
"y2": "173.3",
"fill": "none",
"stroke": _vm.displayColor,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "16"
}
}), _vm._v(" "), _c('line', {
attrs: {
"x1": "32",
"y1": "128",
"x2": "64",
"y2": "128",
"fill": "none",
"stroke": _vm.displayColor,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "16"
}
}), _vm._v(" "), _c('line', {
attrs: {
"x1": "60.1",
"y1": "60.1",
"x2": "82.7",
"y2": "82.7",
"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 };