@justeattakeaway/pie-icons-vue
Version:
PIE Design System Icon set for Vue
51 lines (49 loc) • 2.06 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: 'IconImageFlipHorizontalLarge',
props: {
size: iconSize.large,
},
functional: true,
render (h, ctx) {
ctx.data = updateContextData(ctx, 'c-pieIcon c-pieIcon--imageFlipHorizontalLarge', 'IconImageFlipHorizontalLarge');
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: 'M11.856 14.81 5.094 10.2a1.367 1.367 0 0 0-1.42-.078 1.42 1.42 0 0 0-.759 1.272v9.23c0 .54.288 1.019.758 1.271.453.236.994.21 1.42-.078l6.763-4.61c.392-.261.619-.706.619-1.185 0-.48-.235-.924-.619-1.185v-.026Zm-7.468 5.691-.026-9.028 6.631 4.523L4.397 20.5h-.01Z',
},
}), h('path', {
attrs: {
d: 'M16.858 22.375h-1.742v1.821h1.742v-1.821Z',
},
}), h('path', {
attrs: {
d: 'M16.858 7.804h-1.742v1.821h1.742V7.804Z',
},
}), h('path', {
attrs: {
d: 'M16.858 11.447h-1.742v1.82h1.742v-1.82Z',
},
}), h('path', {
attrs: {
d: 'M16.858 18.732h-1.742v1.821h1.742v-1.821Z',
},
}), h('path', {
attrs: {
d: 'M16.858 15.09h-1.742v1.82h1.742v-1.82Z',
},
}), h('path', {
attrs: {
d: 'M28.327 10.122a1.387 1.387 0 0 0-1.42.078l-6.763 4.61a1.412 1.412 0 0 0-.619 1.186c0 .479.235.923.619 1.185l6.762 4.61c.427.287.968.322 1.42.078a1.42 1.42 0 0 0 .759-1.272v-9.229c0-.54-.288-1.02-.758-1.272v.026Zm-.715 10.388-6.597-4.506 6.632-4.523-.026 9.029h-.009Z',
},
})]);
},
};