@justeattakeaway/pie-icons-vue
Version:
Shared PIE Icon Components for Vue.js.
323 lines (320 loc) • 11.5 kB
JavaScript
import _mergeJSXProps from './node_modules/@vue/babel-helper-vue-jsx-merge-props/dist/helper.mjs';
import { iconSize, updateContextData } from './packages/tools/pie-icons-configs/configs-vue.mjs';
var IconPaymentVvv = {
name: 'IconPaymentVvv',
props: {
size: iconSize.regular,
},
functional: true,
render (h, ctx) {
ctx.data = updateContextData(ctx, 'c-pieIcon c-pieIcon--vvv', 'IconPaymentVvv');
return h('svg', _mergeJSXProps([{
attrs: {
xmlns: 'http://www.w3.org/2000/svg',
role: 'presentation',
focusable: 'false',
fill: 'currentColor',
viewBox: '0 0 24 24',
},
}, ctx.data]), [h('g', {
attrs: {
'clip-path': 'url(#prefix__clip0_10207_11661)',
},
}, [h('mask', {
attrs: {
id: 'prefix__mask0_10207_11661',
width: '18',
height: '18',
x: '3',
y: '3',
maskUnits: 'userSpaceOnUse',
},
style: 'mask-type:alpha',
}, [h('path', {
attrs: {
fill: '#fff',
d: 'M18.56 3H5.44A2.44 2.44 0 0 0 3 5.44v13.12A2.44 2.44 0 0 0 5.44 21h13.12A2.44 2.44 0 0 0 21 18.56V5.44A2.44 2.44 0 0 0 18.56 3Z',
},
})]), h('g', {
attrs: {
mask: 'url(#prefix__mask0_10207_11661)',
},
}, [h('path', {
attrs: {
fill: 'url(#prefix__paint0_linear_10207_11661)',
d: 'M-3.938 1.474h31.015V22.98H-3.938V1.474Z',
},
})]), h('mask', {
attrs: {
id: 'prefix__mask1_10207_11661',
width: '18',
height: '18',
x: '3',
y: '3',
maskUnits: 'userSpaceOnUse',
},
style: 'mask-type:alpha',
}, [h('path', {
attrs: {
fill: '#fff',
d: 'M18.56 3H5.44A2.44 2.44 0 0 0 3 5.44v13.12A2.44 2.44 0 0 0 5.44 21h13.12A2.44 2.44 0 0 0 21 18.56V5.44A2.44 2.44 0 0 0 18.56 3Z',
},
})]), h('g', {
attrs: {
mask: 'url(#prefix__mask1_10207_11661)',
},
}, [h('path', {
attrs: {
fill: 'url(#prefix__paint1_linear_10207_11661)',
d: 'M38.996 2.015 26.754 23.217a3.827 3.827 0 0 1-6.628 0L11.718 8.665l3.851-6.65h23.427Z',
},
})]), h('mask', {
attrs: {
id: 'prefix__mask2_10207_11661',
width: '18',
height: '18',
x: '3',
y: '3',
maskUnits: 'userSpaceOnUse',
},
style: 'mask-type:alpha',
}, [h('path', {
attrs: {
fill: '#fff',
d: 'M18.56 3H5.44A2.44 2.44 0 0 0 3 5.44v13.12A2.44 2.44 0 0 0 5.44 21h13.12A2.44 2.44 0 0 0 21 18.56V5.44A2.44 2.44 0 0 0 18.56 3Z',
},
})]), h('g', {
attrs: {
mask: 'url(#prefix__mask2_10207_11661)',
},
}, [h('path', {
attrs: {
fill: 'url(#prefix__paint2_linear_10207_11661)',
d: 'm15.569 2.014-3.851 6.65-3.833-6.65h7.684Z',
},
})]), h('mask', {
attrs: {
id: 'prefix__mask3_10207_11661',
width: '18',
height: '18',
x: '3',
y: '3',
maskUnits: 'userSpaceOnUse',
},
style: 'mask-type:alpha',
}, [h('path', {
attrs: {
fill: '#fff',
d: 'M18.56 3H5.44A2.44 2.44 0 0 0 3 5.44v13.12A2.44 2.44 0 0 0 5.44 21h13.12A2.44 2.44 0 0 0 21 18.56V5.44A2.44 2.44 0 0 0 18.56 3Z',
},
})]), h('g', {
attrs: {
mask: 'url(#prefix__mask3_10207_11661)',
},
}, [h('path', {
attrs: {
fill: 'url(#prefix__paint3_linear_10207_11661)',
d: 'm7.885 2.015 3.833 6.65-3.843 6.646a3.504 3.504 0 0 1-6.068 0L-5.869 2.015H7.885Z',
},
})]), h('mask', {
attrs: {
id: 'prefix__mask4_10207_11661',
width: '18',
height: '18',
x: '3',
y: '3',
maskUnits: 'userSpaceOnUse',
},
style: 'mask-type:alpha',
}, [h('path', {
attrs: {
fill: '#fff',
d: 'M18.56 3H5.44A2.44 2.44 0 0 0 3 5.44v13.12A2.44 2.44 0 0 0 5.44 21h13.12A2.44 2.44 0 0 0 21 18.56V5.44A2.44 2.44 0 0 0 18.56 3Z',
},
})]), h('g', {
attrs: {
mask: 'url(#prefix__mask4_10207_11661)',
},
}, [h('path', {
attrs: {
fill: 'url(#prefix__paint4_linear_10207_11661)',
d: 'M3.76 33.45h15.728a2.305 2.305 0 0 0 1.995-3.456L13.62 16.373a2.305 2.305 0 0 0-3.992 0l-7.864 13.62a2.305 2.305 0 0 0 1.996 3.458Z',
},
})]), h('mask', {
attrs: {
id: 'prefix__mask5_10207_11661',
width: '18',
height: '18',
x: '3',
y: '3',
maskUnits: 'userSpaceOnUse',
},
style: 'mask-type:alpha',
}, [h('path', {
attrs: {
fill: '#fff',
d: 'M18.56 3H5.44A2.44 2.44 0 0 0 3 5.44v13.12A2.44 2.44 0 0 0 5.44 21h13.12A2.44 2.44 0 0 0 21 18.56V5.44A2.44 2.44 0 0 0 18.56 3Z',
},
})]), h('g', {
attrs: {
mask: 'url(#prefix__mask5_10207_11661)',
},
}, [h('path', {
attrs: {
fill: 'url(#prefix__paint5_linear_10207_11661)',
d: 'M-17.395 33.983h19.91a2.918 2.918 0 0 0 2.526-4.376l-9.955-17.241a2.917 2.917 0 0 0-5.053 0l-9.954 17.241a2.917 2.917 0 0 0 2.526 4.376Z',
},
})]), h('path', {
attrs: {
fill: '#fff',
d: 'M17.228 6.128H6.15a1.623 1.623 0 0 0-1.405 2.435l5.538 9.592a1.623 1.623 0 0 0 2.811 0l5.538-9.592a1.623 1.623 0 0 0-1.405-2.435Z',
},
}), h('path', {
attrs: {
fill: '#273680',
d: 'M17.748 8.13c-.686 1.19-1.372 2.377-2.06 3.562a.653.653 0 0 1-1.147-.01c-.68-1.183-1.36-2.366-2.037-3.55a.655.655 0 1 1 1.13-.662c.48.827.954 1.658 1.43 2.488l.058.091.495-.855c.333-.573.662-1.147.997-1.718a.655.655 0 1 1 1.134.654Zm-3.419 5.909c-.444.777-.894 1.55-1.341 2.325l-.71 1.228c-.29.5-.9.502-1.188.003-.675-1.173-1.348-2.346-2.02-3.52a.657.657 0 0 1 .072-.792.627.627 0 0 1 .757-.149.732.732 0 0 1 .285.257c.48.815.947 1.637 1.418 2.457l.084.143c.141-.243.273-.468.403-.695.363-.626.723-1.254 1.09-1.878a.65.65 0 0 1 1.071-.112.64.64 0 0 1 .08.733ZM7.67 11.717 6.45 9.587c-.273-.472-.547-.945-.815-1.42a.654.654 0 1 1 1.128-.664c.477.826.953 1.653 1.427 2.48l.064.108.727-1.256c.259-.447.515-.895.777-1.34a.655.655 0 1 1 1.128.667l-1.89 3.27c-.058.096-.113.195-.171.292a.655.655 0 0 1-1.154-.007Z',
},
})]), h('defs', [h('linearGradient', {
attrs: {
id: 'prefix__paint0_linear_10207_11661',
x1: '17.67',
x2: '-5.25',
y1: '11.629',
y2: '16.3',
gradientUnits: 'userSpaceOnUse',
},
}, [h('stop', {
attrs: {
offset: '.002',
'stop-color': '#81CFF4',
},
}), h('stop', {
attrs: {
offset: '.467',
'stop-color': '#0998D5',
},
}), h('stop', {
attrs: {
offset: '1',
'stop-color': '#273680',
},
})]), h('linearGradient', {
attrs: {
id: 'prefix__paint1_linear_10207_11661',
x1: '22.961',
x2: '27.041',
y1: '.726',
y2: '11.353',
gradientUnits: 'userSpaceOnUse',
},
}, [h('stop', {
attrs: {
'stop-color': '#0998D5',
},
}), h('stop', {
attrs: {
offset: '1',
'stop-color': '#273680',
},
})]), h('linearGradient', {
attrs: {
id: 'prefix__paint2_linear_10207_11661',
x1: '12.939',
x2: '12.073',
y1: '7.738',
y2: '2.227',
gradientUnits: 'userSpaceOnUse',
},
}, [h('stop', {
attrs: {
'stop-color': '#E20E7E',
},
}), h('stop', {
attrs: {
offset: '.005',
'stop-color': '#E20E7E',
},
}), h('stop', {
attrs: {
offset: '1',
'stop-color': '#6E237F',
},
})]), h('linearGradient', {
attrs: {
id: 'prefix__paint3_linear_10207_11661',
x1: '7.722',
x2: '2.2',
y1: '13.383',
y2: '.965',
gradientUnits: 'userSpaceOnUse',
},
}, [h('stop', {
attrs: {
'stop-color': '#FABE03',
},
}), h('stop', {
attrs: {
offset: '.47',
'stop-color': '#EE8906',
},
}), h('stop', {
attrs: {
offset: '1',
'stop-color': '#E64516',
},
})]), h('linearGradient', {
attrs: {
id: 'prefix__paint4_linear_10207_11661',
x1: '751.985',
x2: '878.372',
y1: '1850.91',
y2: '2695.48',
gradientUnits: 'userSpaceOnUse',
},
}, [h('stop', {
attrs: {
'stop-color': '#97C02B',
},
}), h('stop', {
attrs: {
offset: '.998',
'stop-color': '#06863B',
},
}), h('stop', {
attrs: {
offset: '1',
'stop-color': '#06863B',
},
})]), h('linearGradient', {
attrs: {
id: 'prefix__paint5_linear_10207_11661',
x1: '.023',
x2: '-2.352',
y1: '19.273',
y2: '23.043',
gradientUnits: 'userSpaceOnUse',
},
}, [h('stop', {
attrs: {
'stop-color': '#EE8906',
},
}), h('stop', {
attrs: {
offset: '1',
'stop-color': '#E64516',
},
})]), h('clipPath', {
attrs: {
id: 'prefix__clip0_10207_11661',
},
}, [h('rect', {
attrs: {
width: '18',
height: '18',
fill: '#fff',
transform: 'translate(3 3)',
},
})])])]);
},
};
export { IconPaymentVvv as default };