phosphor-vue
Version:
A clean and friendly icon family for Vue, too!
419 lines (404 loc) • 10.3 kB
JavaScript
import normalizeComponent from '../../node_modules/vue-runtime-helpers/dist/normalize-component.mjs.js';
import component from './PhCrosshair.vue_rollup-plugin-vue=script.js';
/* script */
const __vue_script__ = component;
/* template */
var __vue_render__ = function () {
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
return _c('svg', _vm._b({
attrs: {
"xmlns": "http://www.w3.org/2000/svg",
"viewBox": "0 0 256 256",
"width": _vm.size,
"height": _vm.size,
"fill": _vm.color,
"transform": _vm.mirrored ? 'scale(-1, 1)' : undefined
}
}, 'svg', _vm.$attrs, false), [_vm._t("default"), _vm._v(" "), _vm.weight === 'bold' ? _c('g', [_c('circle', {
attrs: {
"cx": "128",
"cy": "128",
"r": "88",
"fill": "none",
"stroke": _vm.color,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "24"
}
}), _vm._v(" "), _c('line', {
attrs: {
"x1": "128",
"y1": "20",
"x2": "128",
"y2": "56",
"fill": "none",
"stroke": _vm.color,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "24"
}
}), _vm._v(" "), _c('line', {
attrs: {
"x1": "20",
"y1": "128",
"x2": "56",
"y2": "128",
"fill": "none",
"stroke": _vm.color,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "24"
}
}), _vm._v(" "), _c('line', {
attrs: {
"x1": "128",
"y1": "236",
"x2": "128",
"y2": "200",
"fill": "none",
"stroke": _vm.color,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "24"
}
}), _vm._v(" "), _c('line', {
attrs: {
"x1": "236",
"y1": "128",
"x2": "200",
"y2": "128",
"fill": "none",
"stroke": _vm.color,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "24"
}
}), _vm._v(" "), _c('circle', {
attrs: {
"cx": "128",
"cy": "128",
"r": "32",
"fill": "none",
"stroke": _vm.color,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "24"
}
})]) : _vm.weight === 'duotone' ? _c('g', [_c('circle', {
attrs: {
"cx": "128",
"cy": "128",
"r": "32",
"opacity": "0.2"
}
}), _vm._v(" "), _c('circle', {
attrs: {
"cx": "128",
"cy": "128",
"r": "88",
"fill": "none",
"stroke": _vm.color,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "16"
}
}), _vm._v(" "), _c('line', {
attrs: {
"x1": "128",
"y1": "20",
"x2": "128",
"y2": "60",
"fill": "none",
"stroke": _vm.color,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "16"
}
}), _vm._v(" "), _c('line', {
attrs: {
"x1": "20",
"y1": "128",
"x2": "60",
"y2": "128",
"fill": "none",
"stroke": _vm.color,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "16"
}
}), _vm._v(" "), _c('line', {
attrs: {
"x1": "128",
"y1": "236",
"x2": "128",
"y2": "196",
"fill": "none",
"stroke": _vm.color,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "16"
}
}), _vm._v(" "), _c('line', {
attrs: {
"x1": "236",
"y1": "128",
"x2": "196",
"y2": "128",
"fill": "none",
"stroke": _vm.color,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "16"
}
}), _vm._v(" "), _c('circle', {
attrs: {
"cx": "128",
"cy": "128",
"r": "32",
"fill": "none",
"stroke": _vm.color,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "16"
}
})]) : _vm.weight === 'fill' ? _c('g', [_c('g', [_c('path', {
attrs: {
"d": "M236,120H223.66406A96.15352,96.15352,0,0,0,136,32.33618V20a8,8,0,0,0-16,0V32.33618A96.15352,96.15352,0,0,0,32.33594,120H20a8,8,0,0,0,0,16H32.33594A96.15352,96.15352,0,0,0,120,223.66382V236a8,8,0,0,0,16,0V223.66382A96.15352,96.15352,0,0,0,223.66406,136H236a8,8,0,0,0,0-16Zm-40,16h11.59912A80.14164,80.14164,0,0,1,136,207.59912V196a8,8,0,0,0-16,0v11.59912A80.14164,80.14164,0,0,1,48.40088,136H60a8,8,0,0,0,0-16H48.40088A80.14164,80.14164,0,0,1,120,48.40088V60a8,8,0,0,0,16,0V48.40088A80.14164,80.14164,0,0,1,207.59912,120H196a8,8,0,0,0,0,16Z"
}
}), _vm._v(" "), _c('circle', {
attrs: {
"cx": "128",
"cy": "128",
"r": "40"
}
})])]) : _vm.weight === 'light' ? _c('g', [_c('circle', {
attrs: {
"cx": "128",
"cy": "128",
"r": "88",
"fill": "none",
"stroke": _vm.color,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "12"
}
}), _vm._v(" "), _c('line', {
attrs: {
"x1": "128",
"y1": "20",
"x2": "128",
"y2": "60",
"fill": "none",
"stroke": _vm.color,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "12"
}
}), _vm._v(" "), _c('line', {
attrs: {
"x1": "20",
"y1": "128",
"x2": "60",
"y2": "128",
"fill": "none",
"stroke": _vm.color,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "12"
}
}), _vm._v(" "), _c('line', {
attrs: {
"x1": "128",
"y1": "236",
"x2": "128",
"y2": "196",
"fill": "none",
"stroke": _vm.color,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "12"
}
}), _vm._v(" "), _c('line', {
attrs: {
"x1": "236",
"y1": "128",
"x2": "196",
"y2": "128",
"fill": "none",
"stroke": _vm.color,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "12"
}
}), _vm._v(" "), _c('circle', {
attrs: {
"cx": "128",
"cy": "128",
"r": "32",
"fill": "none",
"stroke": _vm.color,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "12"
}
})]) : _vm.weight === 'thin' ? _c('g', [_c('circle', {
attrs: {
"cx": "128",
"cy": "128",
"r": "88",
"fill": "none",
"stroke": _vm.color,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "8"
}
}), _vm._v(" "), _c('line', {
attrs: {
"x1": "128",
"y1": "20",
"x2": "128",
"y2": "60",
"fill": "none",
"stroke": _vm.color,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "8"
}
}), _vm._v(" "), _c('line', {
attrs: {
"x1": "20",
"y1": "128",
"x2": "60",
"y2": "128",
"fill": "none",
"stroke": _vm.color,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "8"
}
}), _vm._v(" "), _c('line', {
attrs: {
"x1": "128",
"y1": "236",
"x2": "128",
"y2": "196",
"fill": "none",
"stroke": _vm.color,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "8"
}
}), _vm._v(" "), _c('line', {
attrs: {
"x1": "236",
"y1": "128",
"x2": "196",
"y2": "128",
"fill": "none",
"stroke": _vm.color,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "8"
}
}), _vm._v(" "), _c('circle', {
attrs: {
"cx": "128",
"cy": "128",
"r": "32",
"fill": "none",
"stroke": _vm.color,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "8"
}
})]) : _vm.weight === 'regular' ? _c('g', [_c('circle', {
attrs: {
"cx": "128",
"cy": "128",
"r": "88",
"fill": "none",
"stroke": _vm.color,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "16"
}
}), _vm._v(" "), _c('line', {
attrs: {
"x1": "128",
"y1": "20",
"x2": "128",
"y2": "60",
"fill": "none",
"stroke": _vm.color,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "16"
}
}), _vm._v(" "), _c('line', {
attrs: {
"x1": "20",
"y1": "128",
"x2": "60",
"y2": "128",
"fill": "none",
"stroke": _vm.color,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "16"
}
}), _vm._v(" "), _c('line', {
attrs: {
"x1": "128",
"y1": "236",
"x2": "128",
"y2": "196",
"fill": "none",
"stroke": _vm.color,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "16"
}
}), _vm._v(" "), _c('line', {
attrs: {
"x1": "236",
"y1": "128",
"x2": "196",
"y2": "128",
"fill": "none",
"stroke": _vm.color,
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "16"
}
}), _vm._v(" "), _c('circle', {
attrs: {
"cx": "128",
"cy": "128",
"r": "32",
"fill": "none",
"stroke": _vm.color,
"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);
export default __vue_component__;