@justeattakeaway/pie-icons-vue/icons/IconFaceUnhappyFilled.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: 'IconFaceUnhappyFilled',
    props: {
        size: iconSize.regular,
    },
    functional: true,
    render (h, ctx) {
        ctx.data = updateContextData(ctx, 'c-pieIcon c-pieIcon--faceUnhappyFilled', 'IconFaceUnhappyFilled');
        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: {
                'fill-rule': 'evenodd',
                d: 'M8 1.219A6.79 6.79 0 0 1 14.781 8 6.781 6.781 0 1 1 8 1.219M8.067 8.5a3.17 3.17 0 0 0-3.062 2.358h1.374a1.847 1.847 0 0 1 3.377 0h1.374A3.17 3.17 0 0 0 8.067 8.5M5.75 6a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5m4.5 0a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5',
                'clip-rule': 'evenodd',
            },
        })]);
    },
};