@justeattakeaway/pie-icons-vue/icons/IconUserCircle.js

PIE Design System Icon set for Vue

import _mergeJSXProps from '@vue/babel-helper-vue-jsx-merge-props';
import { iconSize, updateContextData } from '@justeattakeaway/pie-icons-configs/configs-vue';

export default {
    name: 'IconUserCircle',
    props: {
        size: iconSize.regular,
    },
    functional: true,
    render (h, ctx) {
        ctx.data = updateContextData(ctx, 'c-pieIcon c-pieIcon--userCircle', 'IconUserCircle');
        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: 'M8 5.13a1.12 1.12 0 1 1 0 2.24 1.12 1.12 0 0 1 0-2.24m0-1.312a2.433 2.433 0 1 0 2.432 2.432A2.44 2.44 0 0 0 8 3.818',
            },
        }), h('path', {
            attrs: {
                d: 'M8 1.438a6.563 6.563 0 0 0-4.944 10.876q.448.484.98.875a6.54 6.54 0 0 0 7.928 0q.532-.391.98-.875A6.562 6.562 0 0 0 8 1.438m3.08 10.806a5.25 5.25 0 0 1-6.125 0 8 8 0 0 1-.516-.42q.23-.259.516-.455a3 3 0 0 1 1.662-.49h2.8a3 3 0 0 1 1.663.49q.286.196.516.455a8 8 0 0 1-.516.42m1.339-1.435a3.5 3.5 0 0 0-.377-.341 4.24 4.24 0 0 0-2.625-.876H6.582a4.24 4.24 0 0 0-2.625.875q-.2.158-.376.342a5.25 5.25 0 1 1 8.838 0',
            },
        })]);
    },
};