@justeattakeaway/pie-icons-vue
Version:
PIE Design System Icon set for Vue
323 lines (320 loc) • 11.3 kB
JavaScript
import _mergeJSXProps from './_virtual/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 3',
},
})]), 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.938z',
},
})]), 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 3',
},
})]), 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.65z',
},
})]), 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 3',
},
})]), h('g', {
attrs: {
mask: 'url(#prefix__mask2_10207_11661)',
},
}, [h('path', {
attrs: {
fill: 'url(#prefix__paint2_linear_10207_11661)',
d: 'm15.569 2.015-3.851 6.65-3.833-6.65z',
},
})]), 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 3',
},
})]), 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.015z',
},
})]), 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 3',
},
})]), 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.458',
},
})]), 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 3',
},
})]), 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.376',
},
})]), h('path', {
attrs: {
fill: '#fff',
d: 'M17.228 6.128H6.15a1.623 1.623 0 0 0-1.405 2.435l5.538 9.593a1.623 1.623 0 0 0 2.811 0l5.538-9.593a1.623 1.623 0 0 0-1.405-2.435',
},
}), h('path', {
attrs: {
fill: '#273680',
d: 'M17.748 8.13q-1.028 1.785-2.06 3.562a.653.653 0 0 1-1.147-.01q-1.02-1.774-2.037-3.55a.655.655 0 1 1 1.13-.662q.718 1.242 1.43 2.488l.058.091.495-.855c.333-.573.662-1.147.997-1.718a.655.655 0 1 1 1.134.654m-3.419 5.909c-.444.777-.894 1.55-1.341 2.325l-.71 1.228c-.29.5-.9.502-1.188.003q-1.012-1.76-2.02-3.52a.66.66 0 0 1 .072-.792.63.63 0 0 1 .757-.149.73.73 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.733M7.67 11.717 6.45 9.587q-.411-.708-.815-1.42a.654.654 0 1 1 1.128-.664q.716 1.24 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.27q-.085.145-.171.292a.655.655 0 0 1-1.154-.007',
},
})]), 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 };