@justeattakeaway/pie-icons-vue
Version:
PIE Design System Icon set for Vue
45 lines (43 loc) • 1.62 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: 'IconFullscreenExpand',
props: {
size: iconSize.regular,
},
functional: true,
render (h, ctx) {
ctx.data = updateContextData(ctx, 'c-pieIcon c-pieIcon--fullscreenExpand', 'IconFullscreenExpand');
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('g', {
attrs: {
'clip-path': 'url(#prefix__clip0_14866_588)',
},
}, [h('path', {
attrs: {
d: 'M13.556 1.928h-3.412V3.24h1.627L9.286 5.725a.66.66 0 0 0 0 .928.649.649 0 0 0 .464.192.649.649 0 0 0 .464-.192l2.555-2.555v1.767h1.312V2.453a.527.527 0 0 0-.525-.525Z',
},
}), h('path', {
attrs: {
d: 'M6.714 9.26a.66.66 0 0 0-.928 0l-2.555 2.555v-1.671H1.92v3.412c0 .289.236.525.525.525h3.412V12.77H4.141l2.582-2.582a.66.66 0 0 0 0-.927h-.01Z',
},
})]), h('defs', [h('clipPath', {
attrs: {
id: 'prefix__clip0_14866_588',
},
}, [h('rect', {
attrs: {
width: '14',
height: '14',
transform: 'translate(1 1)',
},
})])])]);
},
};