phosphor-vue
Version:
A clean and friendly icon family for Vue, too!
246 lines (230 loc) • 7.36 kB
JavaScript
import script from './PhSpotifyLogo.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": "128",
"cy": "128",
"r": "96",
"fill": "none",
"stroke": _vm.displayColor,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "24"
}
}), _vm._v(" "), _c('path', {
attrs: {
"d": "M179.1,116.3a112.1,112.1,0,0,0-102.3.1",
"fill": "none",
"stroke": _vm.displayColor,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "24"
}
}), _vm._v(" "), _c('path', {
attrs: {
"d": "M158.7,155.3A68.4,68.4,0,0,0,128,148a67.6,67.6,0,0,0-30.8,7.4",
"fill": "none",
"stroke": _vm.displayColor,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "24"
}
})]) : _vm.displayWeight === 'duotone' ? _c('g', [_c('circle', {
attrs: {
"cx": "128",
"cy": "128",
"r": "96",
"opacity": "0.2"
}
}), _vm._v(" "), _c('circle', {
attrs: {
"cx": "128",
"cy": "128",
"r": "96",
"fill": "none",
"stroke": _vm.displayColor,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "16"
}
}), _vm._v(" "), _c('path', {
attrs: {
"d": "M179.1,108.3a112.1,112.1,0,0,0-102.3.1",
"fill": "none",
"stroke": _vm.displayColor,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "16"
}
}), _vm._v(" "), _c('path', {
attrs: {
"d": "M164.3,136.7a79.9,79.9,0,0,0-72.7.1",
"fill": "none",
"stroke": _vm.displayColor,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "16"
}
}), _vm._v(" "), _c('path', {
attrs: {
"d": "M149.5,165.1A47.3,47.3,0,0,0,128,160a48.7,48.7,0,0,0-21.6,5.1",
"fill": "none",
"stroke": _vm.displayColor,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "16"
}
})]) : _vm.displayWeight === 'fill' ? _c('g', [_c('path', {
attrs: {
"d": "M128,24A104,104,0,1,0,232,128,104.2,104.2,0,0,0,128,24Zm28.6,144.7a8,8,0,0,1-10.7,3.5A39.6,39.6,0,0,0,128,168a39.1,39.1,0,0,0-18,4.3,8.6,8.6,0,0,1-3.6.8,8,8,0,0,1-3.6-15.1,55.3,55.3,0,0,1,25.2-6,56.1,56.1,0,0,1,25.1,5.9A8.1,8.1,0,0,1,156.6,168.7Zm14.8-28.3a7.9,7.9,0,0,1-10.7,3.4,72,72,0,0,0-65.4.1,8.4,8.4,0,0,1-3.7.9,7.9,7.9,0,0,1-7.1-4.4A8,8,0,0,1,88,129.6a87.9,87.9,0,0,1,79.9,0A8,8,0,0,1,171.4,140.4ZM186.2,112a7.9,7.9,0,0,1-10.7,3.4A104.3,104.3,0,0,0,128,104a103.2,103.2,0,0,0-47.6,11.5,7.7,7.7,0,0,1-3.6.9,8,8,0,0,1-3.7-15.1,120.2,120.2,0,0,1,109.7-.1A8,8,0,0,1,186.2,112Z"
}
})]) : _vm.displayWeight === 'light' ? _c('g', [_c('circle', {
attrs: {
"cx": "128",
"cy": "128",
"r": "96",
"fill": "none",
"stroke": _vm.displayColor,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "12"
}
}), _vm._v(" "), _c('path', {
attrs: {
"d": "M179.1,108.3a112.1,112.1,0,0,0-102.3.1",
"fill": "none",
"stroke": _vm.displayColor,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "12"
}
}), _vm._v(" "), _c('path', {
attrs: {
"d": "M164.3,136.7a79.9,79.9,0,0,0-72.7.1",
"fill": "none",
"stroke": _vm.displayColor,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "12"
}
}), _vm._v(" "), _c('path', {
attrs: {
"d": "M149.5,165.1A47.3,47.3,0,0,0,128,160a48.7,48.7,0,0,0-21.6,5.1",
"fill": "none",
"stroke": _vm.displayColor,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "12"
}
})]) : _vm.displayWeight === 'thin' ? _c('g', [_c('circle', {
attrs: {
"cx": "128",
"cy": "128",
"r": "96",
"fill": "none",
"stroke": _vm.displayColor,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "8"
}
}), _vm._v(" "), _c('path', {
attrs: {
"d": "M179.1,108.3a112.1,112.1,0,0,0-102.3.1",
"fill": "none",
"stroke": _vm.displayColor,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "8"
}
}), _vm._v(" "), _c('path', {
attrs: {
"d": "M164.3,136.7a79.9,79.9,0,0,0-72.7.1",
"fill": "none",
"stroke": _vm.displayColor,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "8"
}
}), _vm._v(" "), _c('path', {
attrs: {
"d": "M149.5,165.1A47.3,47.3,0,0,0,128,160a48.7,48.7,0,0,0-21.6,5.1",
"fill": "none",
"stroke": _vm.displayColor,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "8"
}
})]) : _vm.displayWeight === 'regular' ? _c('g', [_c('circle', {
attrs: {
"cx": "128",
"cy": "128",
"r": "96",
"fill": "none",
"stroke": _vm.displayColor,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "16"
}
}), _vm._v(" "), _c('path', {
attrs: {
"d": "M179.1,108.3a112.1,112.1,0,0,0-102.3.1",
"fill": "none",
"stroke": _vm.displayColor,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "16"
}
}), _vm._v(" "), _c('path', {
attrs: {
"d": "M164.3,136.7a79.9,79.9,0,0,0-72.7.1",
"fill": "none",
"stroke": _vm.displayColor,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "16"
}
}), _vm._v(" "), _c('path', {
attrs: {
"d": "M149.5,165.1A47.3,47.3,0,0,0,128,160a48.7,48.7,0,0,0-21.6,5.1",
"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 };