@justeattakeaway/pie-icons-vue
Version:
PIE Design System Icon set for Vue
31 lines (29 loc) • 1.13 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: 'IconPlusCircleLarge',
props: {
size: iconSize.large,
},
functional: true,
render (h, ctx) {
ctx.data = updateContextData(ctx, 'c-pieIcon c-pieIcon--plusCircleLarge', 'IconPlusCircleLarge');
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: 'M16.875 9.814h-1.75v5.311H9.814v1.75h5.311v5.311h1.75v-5.311h5.311v-1.75h-5.311V9.814Z',
},
}), h('path', {
attrs: {
d: 'M24.663 7.338A12.25 12.25 0 1 0 7.339 24.663 12.25 12.25 0 0 0 24.663 7.338Zm-1.234 16.09A10.5 10.5 0 1 1 8.605 8.555 10.5 10.5 0 0 1 23.43 23.43Z',
},
})]);
},
};