phosphor-vue
Version:
A clean and friendly icon family for Vue, too!
234 lines (218 loc) • 7.55 kB
JavaScript
import script from './PhSwatches.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('path', {
attrs: {
"d": "M36.7,173,60.9,35.9a7.9,7.9,0,0,1,9.2-6.5l55.2,9.7a8.1,8.1,0,0,1,6.5,9.3L107.5,186.3a36.1,36.1,0,0,1-41.1,29.3C46.5,212.4,33.2,192.9,36.7,173Z",
"fill": "none",
"stroke": _vm.displayColor,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "24"
}
}), _vm._v(" "), _c('path', {
attrs: {
"d": "M118.3,124.8l72.9-26.5a8,8,0,0,1,10.3,4.8l19.2,52.6a8,8,0,0,1-4.8,10.2L84.3,213.8",
"fill": "none",
"stroke": _vm.displayColor,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "24"
}
}), _vm._v(" "), _c('path', {
attrs: {
"d": "M220,162.5V208a8,8,0,0,1-8,8H72",
"fill": "none",
"stroke": _vm.displayColor,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "24"
}
}), _vm._v(" "), _c('line', {
attrs: {
"x1": "72",
"y1": "180",
"x2": "74.1",
"y2": "168.2",
"fill": "none",
"stroke": _vm.displayColor,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "24"
}
})]) : _vm.displayWeight === 'duotone' ? _c('g', [_c('path', {
attrs: {
"d": "M36.7,173,60.9,35.9a7.9,7.9,0,0,1,9.2-6.5l55.2,9.7a8.1,8.1,0,0,1,6.5,9.3L107.5,186.3a36.1,36.1,0,0,1-41.1,29.3C46.5,212.4,33.2,192.9,36.7,173Z",
"opacity": "0.2"
}
}), _vm._v(" "), _c('path', {
attrs: {
"d": "M36.7,173,60.9,35.9a7.9,7.9,0,0,1,9.2-6.5l55.2,9.7a8.1,8.1,0,0,1,6.5,9.3L107.5,186.3a36.1,36.1,0,0,1-41.1,29.3C46.5,212.4,33.2,192.9,36.7,173Z",
"fill": "none",
"stroke": _vm.displayColor,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "16"
}
}), _vm._v(" "), _c('path', {
attrs: {
"d": "M118.3,124.8l72.9-26.5a8,8,0,0,1,10.3,4.8l19.2,52.6a8,8,0,0,1-4.8,10.2L84.3,213.8",
"fill": "none",
"stroke": _vm.displayColor,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "16"
}
}), _vm._v(" "), _c('path', {
attrs: {
"d": "M220,162.5V208a8,8,0,0,1-8,8H72",
"fill": "none",
"stroke": _vm.displayColor,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "16"
}
}), _vm._v(" "), _c('circle', {
attrs: {
"cx": "72",
"cy": "180",
"r": "12"
}
})]) : _vm.displayWeight === 'fill' ? _c('g', [_c('path', {
attrs: {
"d": "M228.2,153,209,100.3a16,16,0,0,0-20.5-9.5l-59.9,21.8,11-62.8a16,16,0,0,0-2.6-12,16.2,16.2,0,0,0-10.3-6.6L71.5,21.5A16.1,16.1,0,0,0,53,34.5L28.8,171.7a45,45,0,0,0,7.7,33.9,43.4,43.4,0,0,0,28.7,17.9,51.6,51.6,0,0,0,6.7.5H212a16,16,0,0,0,16-16V164.3A15.7,15.7,0,0,0,228.2,153ZM72,192a12,12,0,1,1,12-12A12,12,0,0,1,72,192Zm140,16H123.7L212,175.9Zm-98.5-13.3a41,41,0,0,0,1.8-7.1l10.1-56.8,68.6-25,19.1,52.6Z"
}
})]) : _vm.displayWeight === 'light' ? _c('g', [_c('path', {
attrs: {
"d": "M36.7,173,60.9,35.9a7.9,7.9,0,0,1,9.2-6.5l55.2,9.7a8.1,8.1,0,0,1,6.5,9.3L107.5,186.3a36.1,36.1,0,0,1-41.1,29.3C46.5,212.4,33.2,192.9,36.7,173Z",
"fill": "none",
"stroke": _vm.displayColor,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "12"
}
}), _vm._v(" "), _c('path', {
attrs: {
"d": "M118.3,124.8l72.9-26.5a8,8,0,0,1,10.3,4.8l19.2,52.6a8,8,0,0,1-4.8,10.2L84.3,213.8",
"fill": "none",
"stroke": _vm.displayColor,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "12"
}
}), _vm._v(" "), _c('path', {
attrs: {
"d": "M220,162.5V208a8,8,0,0,1-8,8H72",
"fill": "none",
"stroke": _vm.displayColor,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "12"
}
}), _vm._v(" "), _c('circle', {
attrs: {
"cx": "72",
"cy": "180",
"r": "10"
}
})]) : _vm.displayWeight === 'thin' ? _c('g', [_c('path', {
attrs: {
"d": "M36.7,173,60.9,35.9a7.9,7.9,0,0,1,9.2-6.5l55.2,9.7a8.1,8.1,0,0,1,6.5,9.3L107.5,186.3a36.1,36.1,0,0,1-41.1,29.3C46.5,212.4,33.2,192.9,36.7,173Z",
"fill": "none",
"stroke": _vm.displayColor,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "8"
}
}), _vm._v(" "), _c('path', {
attrs: {
"d": "M118.3,124.8l72.9-26.5a8,8,0,0,1,10.3,4.8l19.2,52.6a8,8,0,0,1-4.8,10.2L84.3,213.8",
"fill": "none",
"stroke": _vm.displayColor,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "8"
}
}), _vm._v(" "), _c('path', {
attrs: {
"d": "M220,162.5V208a8,8,0,0,1-8,8H72",
"fill": "none",
"stroke": _vm.displayColor,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "8"
}
}), _vm._v(" "), _c('circle', {
attrs: {
"cx": "72",
"cy": "180",
"r": "8"
}
})]) : _vm.displayWeight === 'regular' ? _c('g', [_c('path', {
attrs: {
"d": "M36.7,173,60.9,35.9a7.9,7.9,0,0,1,9.2-6.5l55.2,9.7a8.1,8.1,0,0,1,6.5,9.3L107.5,186.3a36.1,36.1,0,0,1-41.1,29.3C46.5,212.4,33.2,192.9,36.7,173Z",
"fill": "none",
"stroke": _vm.displayColor,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "16"
}
}), _vm._v(" "), _c('path', {
attrs: {
"d": "M118.3,124.8l72.9-26.5a8,8,0,0,1,10.3,4.8l19.2,52.6a8,8,0,0,1-4.8,10.2L84.3,213.8",
"fill": "none",
"stroke": _vm.displayColor,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "16"
}
}), _vm._v(" "), _c('path', {
attrs: {
"d": "M220,162.5V208a8,8,0,0,1-8,8H72",
"fill": "none",
"stroke": _vm.displayColor,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "16"
}
}), _vm._v(" "), _c('circle', {
attrs: {
"cx": "72",
"cy": "180",
"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 };