@justeattakeaway/pie-icons-vue
Version:
PIE Design System Icon set for Vue
35 lines (33 loc) • 1.47 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: 'IconAlertTriangleLarge',
props: {
size: iconSize.large,
},
functional: true,
render (h, ctx) {
ctx.data = updateContextData(ctx, 'c-pieIcon c-pieIcon--alertTriangleLarge', 'IconAlertTriangleLarge');
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 12h-1.75v6.125h1.75V12Z',
},
}), h('path', {
attrs: {
d: 'M16 23.156a1.531 1.531 0 1 0 0-3.062 1.531 1.531 0 0 0 0 3.062Z',
},
}), h('path', {
attrs: {
d: 'M26.5 26.875h-21a2.415 2.415 0 0 1-2.135-1.277 2.572 2.572 0 0 1 .07-2.625l10.5-16.818A2.432 2.432 0 0 1 16 5a2.432 2.432 0 0 1 2.065 1.164l10.5 16.817a2.572 2.572 0 0 1 .07 2.625 2.415 2.415 0 0 1-2.135 1.269ZM15.413 7.091 4.913 23.91a.822.822 0 0 0 0 .875.691.691 0 0 0 .587.341h21a.69.69 0 0 0 .603-.376.823.823 0 0 0 0-.875l-10.5-16.818A.691.691 0 0 0 16 6.75a.691.691 0 0 0-.587.341Z',
},
})]);
},
};