@justeattakeaway/pie-icons-vue
Version:
Shared PIE Icon Components for Vue.js.
155 lines (150 loc) • 5.66 kB
JavaScript
'use strict';
Object.defineProperty(exports, '__esModule', { value: true });
var helper = require('./node_modules/@vue/babel-helper-vue-jsx-merge-props/dist/helper.cjs');
var configsVue = require('./packages/tools/pie-icons-configs/configs-vue.cjs');
var IconPaymentTwint = {
name: 'IconPaymentTwint',
props: {
size: configsVue.iconSize.regular,
},
functional: true,
render (h, ctx) {
ctx.data = configsVue.updateContextData(ctx, 'c-pieIcon c-pieIcon--twint', 'IconPaymentTwint');
return h('svg', helper.default([{
attrs: {
xmlns: 'http://www.w3.org/2000/svg',
role: 'presentation',
focusable: 'false',
fill: 'currentColor',
viewBox: '0 0 24 24',
},
}, ctx.data]), [h('path', {
attrs: {
fill: '#000',
d: 'M21 3.162H3v18h18v-18Z',
},
}), h('path', {
attrs: {
fill: '#fff',
d: 'M19.125 15.277h-2.57v.618h.923v2.642h.728v-2.642h.919v-.618Zm-11.676 0H4.875v.618h.923v2.642h.728v-2.642h.923v-.618Zm7.44-.102c-.81 0-1.26.52-1.26 1.271v2.09h.72v-2.105c0-.327.191-.579.547-.579.356 0 .544.3.544.579v2.106h.72v-2.09c.004-.753-.462-1.272-1.271-1.272Zm-2.715.102v3.26h.72v-3.26h-.72Zm-2.44 1.291.023.146.676 1.823h.294l.919-3.26h-.708L10.5 16.99l-.028.185-.035-.185-.587-1.713h-.234l-.587 1.713-.035.185-.024-.185-.438-1.713H7.82l.92 3.26h.293l.677-1.823.023-.146Z',
},
}), h('path', {
attrs: {
fill: '#fff',
d: 'M15.532 11.585a.357.357 0 0 1-.162.28l-3.142 1.827a.36.36 0 0 1-.326 0L8.76 11.865a.356.356 0 0 1-.163-.28V7.932c0-.103.073-.228.163-.28l3.142-1.827a.36.36 0 0 1 .326 0l3.142 1.827c.09.052.162.176.162.28v3.653Z',
},
}), h('path', {
attrs: {
fill: 'url(#prefix__paint0_radial_11431_891)',
d: 'm13.704 9.767-.822 1.21-.42-.646.485-.727c.09-.13.282-.487.06-.974a1.006 1.006 0 0 0-.912-.586c-.343 0-.715.177-.916.586a.94.94 0 0 0 .055.96s.27.397.492.733l.364.53.548.844c.005.005.09.138.245.138.145 0 .235-.133.248-.146l1.284-1.913h-.71v-.009Zm-1.614.03s-.214-.327-.355-.555a.408.408 0 0 1 .356-.612c.338 0 .505.366.355.612-.137.228-.355.555-.355.555Z',
},
}), h('path', {
attrs: {
fill: 'url(#prefix__paint1_radial_11431_891)',
d: 'm11.303 10.939-.805-1.137s-.214-.328-.356-.556a.408.408 0 0 1 .476-.595l.282-.52a1.02 1.02 0 0 0-.398-.087c-.343 0-.715.176-.916.586a.94.94 0 0 0 .056.96l1.408 2.099c.013.017.103.15.252.15.15 0 .236-.129.249-.146l.424-.65-.364-.539-.309.435Z',
},
}), h('defs', [h('radialGradient', {
attrs: {
id: 'prefix__paint0_radial_11431_891',
cx: '0',
cy: '0',
r: '1',
gradientTransform: 'matrix(86.9498 0 0 68.579 -13.153 -2.254)',
gradientUnits: 'userSpaceOnUse',
},
}, [h('stop', {
attrs: {
'stop-color': '#FC0',
},
}), h('stop', {
attrs: {
offset: '.092',
'stop-color': '#FFC800',
},
}), h('stop', {
attrs: {
offset: '.174',
'stop-color': '#FFBD00',
},
}), h('stop', {
attrs: {
offset: '.253',
'stop-color': '#FFAB00',
},
}), h('stop', {
attrs: {
offset: '.33',
'stop-color': '#FF9100',
},
}), h('stop', {
attrs: {
offset: '.405',
'stop-color': '#FF7000',
},
}), h('stop', {
attrs: {
offset: '.479',
'stop-color': '#FF4700',
},
}), h('stop', {
attrs: {
offset: '.55',
'stop-color': '#FF1800',
},
}), h('stop', {
attrs: {
offset: '.582',
'stop-color': 'red',
},
}), h('stop', {
attrs: {
offset: '1',
'stop-color': 'red',
},
})]), h('radialGradient', {
attrs: {
id: 'prefix__paint1_radial_11431_891',
cx: '0',
cy: '0',
r: '1',
gradientTransform: 'matrix(3.47154 0 0 5.28243 9.541 8.595)',
gradientUnits: 'userSpaceOnUse',
},
}, [h('stop', {
attrs: {
'stop-color': '#00B4E6',
},
}), h('stop', {
attrs: {
offset: '.201',
'stop-color': '#00B0E3',
},
}), h('stop', {
attrs: {
offset: '.39',
'stop-color': '#01A5DB',
},
}), h('stop', {
attrs: {
offset: '.574',
'stop-color': '#0292CD',
},
}), h('stop', {
attrs: {
offset: '.755',
'stop-color': '#0377BA',
},
}), h('stop', {
attrs: {
offset: '.932',
'stop-color': '#0455A1',
},
}), h('stop', {
attrs: {
offset: '1',
'stop-color': '#054696',
},
})])])]);
},
};
exports.default = IconPaymentTwint;