@justeattakeaway/pie-icons-vue
Version:
PIE Design System Icon set for Vue
31 lines (29 loc) • 1.79 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: 'IconSocialTiktokCircleLarge',
props: {
size: iconSize.large,
},
functional: true,
render (h, ctx) {
ctx.data = updateContextData(ctx, 'c-pieIcon c-pieIcon--tiktokCircleLarge', 'IconSocialTiktokCircleLarge');
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 28.25a12.25 12.25 0 1 1 0-24.5 12.25 12.25 0 0 1 0 24.5M16 5.5a10.5 10.5 0 1 0 0 21 10.5 10.5 0 0 0 0-21',
},
}), h('path', {
attrs: {
d: 'M21.36 11.422a4 4 0 0 1-.321-.184 4.5 4.5 0 0 1-.824-.687 3.8 3.8 0 0 1-.928-1.88h.004c-.07-.408-.042-.671-.037-.671h-2.798v10.625q.002.214-.006.423 0 .026-.003.052l-.001.024v.006c-.03.381-.154.75-.363 1.073a2.36 2.36 0 0 1-1.99 1.079c-1.303 0-2.36-1.044-2.36-2.333s1.057-2.333 2.36-2.333c.247 0 .492.038.727.113l.003-2.798a5.3 5.3 0 0 0-2.125.163c-.689.198-1.329.534-1.88.987a5.4 5.4 0 0 0-1.197 1.451c-.118.2-.564 1.004-.618 2.308-.034.74.193 1.507.3 1.824v.007c.069.187.332.824.76 1.36.346.431.754.81 1.212 1.124v-.007l.007.007c1.354.903 2.855.844 2.855.844.26-.01 1.131 0 2.12-.46a5.3 5.3 0 0 0 1.721-1.27c.399-.455.716-.973.938-1.532a5.6 5.6 0 0 0 .338-1.75v-5.638c.034.02.486.314.486.314s.65.41 1.667.677c.729.19 1.71.23 1.71.23v-2.728c-.343.037-1.042-.07-1.757-.42',
},
})]);
},
};