@justeattakeaway/pie-icons-vue
Version:
PIE Design System Icon set for Vue
31 lines (29 loc) • 1.17 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: 'IconPlayCircleFilled',
props: {
size: iconSize.regular,
},
functional: true,
render (h, ctx) {
ctx.data = updateContextData(ctx, 'c-pieIcon c-pieIcon--playCircleFilled', 'IconPlayCircleFilled');
return h('svg', _mergeJSXProps([{
attrs: {
xmlns: 'http://www.w3.org/2000/svg',
role: 'presentation',
focusable: 'false',
fill: 'currentColor',
viewBox: '0 0 16 16',
},
}, ctx.data]), [h('path', {
attrs: {
d: 'M7.011 9.164 9.557 8 7.012 6.836z',
},
}), h('path', {
attrs: {
d: 'M8 1.219A6.781 6.781 0 1 0 14.781 8 6.79 6.79 0 0 0 8 1.219m3.141 7.498L6.82 10.696a.74.74 0 0 1-.333.079.73.73 0 0 1-.42-.149.78.78 0 0 1-.367-.656V6.014a.78.78 0 0 1 .367-.639.77.77 0 0 1 .753-.053L11.14 7.3a.788.788 0 0 1 0 1.435z',
},
})]);
},
};