@justeattakeaway/pie-icons-vue
Version:
PIE Design System Icon set for Vue
59 lines (57 loc) • 2.18 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: 'IconQrCodeLarge',
props: {
size: iconSize.large,
},
functional: true,
render (h, ctx) {
ctx.data = updateContextData(ctx, 'c-pieIcon c-pieIcon--qrCodeLarge', 'IconQrCodeLarge');
return h('svg', _mergeJSXProps([{
attrs: {
xmlns: 'http://www.w3.org/2000/svg',
role: 'presentation',
focusable: 'false',
fill: 'currentColor',
viewBox: '0 0 32 32',
},
}, ctx.data]), [h('path', {
attrs: {
d: 'M15.125 15.125h-4.883v-4.883h4.883v4.883Zm-3.133-1.75h1.383v-1.383h-1.383v1.383Z',
},
}), h('path', {
attrs: {
d: 'M21.775 15.125h-4.883v-4.883h4.883v4.883Zm-3.133-1.75h1.383v-1.383h-1.383v1.383Z',
},
}), h('path', {
attrs: {
d: 'M15.125 21.775h-4.883v-4.883h4.883v4.883Zm-3.133-1.75h1.383v-1.383h-1.383v1.383Z',
},
}), h('path', {
attrs: {
d: 'M21.775 18.52v-1.628h-1.627v1.628h1.627Z',
},
}), h('path', {
attrs: {
d: 'M18.52 18.52v-1.628h-1.628v1.628h1.628Z',
},
}), h('path', {
attrs: {
d: 'M20.148 20.148V18.52H18.52v1.628h1.628Z',
},
}), h('path', {
attrs: {
d: 'M21.775 21.775v-1.627h-1.627v1.627h1.627Z',
},
}), h('path', {
attrs: {
d: 'M18.52 21.775v-1.627h-1.628v1.627h1.628Z',
},
}), h('path', {
attrs: {
d: 'M25.625 5.5h-5.25v1.75h4.375v4.375h1.75v-5.25a.878.878 0 0 0-.875-.875ZM5.5 6.375v5.25h1.75V7.25h4.375V5.5h-5.25a.878.878 0 0 0-.875.875Zm1.75 14H5.5v5.25c0 .481.394.875.875.875h5.25v-1.75H7.25v-4.375Zm17.5 4.375h-4.375v1.75h5.25a.878.878 0 0 0 .875-.875v-5.25h-1.75v4.375Z',
},
})]);
},
};