@justeattakeaway/pie-icons-vue
Version:
PIE Design System Icon set for Vue
71 lines (69 loc) • 2.29 kB
JavaScript
import _mergeJSXProps from '@vue/babel-helper-vue-jsx-merge-props';
import { iconSize, updateContextData } from '@justeattakeaway/pie-icons-configs/configs-vue';
export default {
name: 'IconQrCode',
props: {
size: iconSize.regular,
},
functional: true,
render (h, ctx) {
ctx.data = updateContextData(ctx, 'c-pieIcon c-pieIcon--qrCode', 'IconQrCode');
return h('svg', _mergeJSXProps([{
attrs: {
xmlns: 'http://www.w3.org/2000/svg',
role: 'presentation',
focusable: 'false',
fill: 'currentColor',
viewBox: '0 0 16 16',
},
}, ctx.data]), [h('path', {
attrs: {
d: 'M7.344 11.159V8.656H4.84v2.503h2.503Z',
},
}), h('path', {
attrs: {
d: 'M4.841 7.344h2.503V4.84H4.84v2.503Z',
},
}), h('path', {
attrs: {
d: 'M8.656 7.344h2.503V4.84H8.656v2.503Z',
},
}), h('path', {
attrs: {
d: 'M11.159 9.488v-.832h-.832v.832h.832Z',
},
}), h('path', {
attrs: {
d: 'M9.488 9.488v-.832h-.832v.832h.832Z',
},
}), h('path', {
attrs: {
d: 'M10.328 10.319v-.832h-.832v.832h.832Z',
},
}), h('path', {
attrs: {
d: 'M11.159 11.159v-.832h-.832v.832h.832Z',
},
}), h('path', {
attrs: {
d: 'M9.496 11.15v-.831h-.831v.831h.831Z',
},
}), h('path', {
attrs: {
d: 'M13.906 4.955h-1.312V3.406h-1.549V2.094h2.205c.359 0 .656.297.656.656v2.205Z',
},
}), h('path', {
attrs: {
d: 'M4.955 13.906H2.75a.661.661 0 0 1-.656-.656v-2.205h1.312v1.549h1.549v1.312Z',
},
}), h('path', {
attrs: {
d: 'M13.25 13.906h-2.205v-1.312h1.549v-1.549h1.312v2.205a.661.661 0 0 1-.656.656Z',
},
}), h('path', {
attrs: {
d: 'M3.406 4.955H2.094V2.75c0-.359.297-.656.656-.656h2.205v1.312H3.406v1.549Z',
},
})]);
},
};