@justeattakeaway/pie-icons-vue/icons/IconEmailFilledLarge.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: 'IconEmailFilledLarge',
    props: {
        size: iconSize.large,
    },
    functional: true,
    render (h, ctx) {
        ctx.data = updateContextData(ctx, 'c-pieIcon c-pieIcon--emailFilledLarge', 'IconEmailFilledLarge');
        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: 'M28.81 24.225c.203-.377.312-.797.315-1.225V9a2.7 2.7 0 0 0-.21-1.033l-8.837 8.182z',
            },
        }), h('path', {
            attrs: {
                d: 'M18.791 17.339 16.7 19.264a.88.88 0 0 1-.595.236.88.88 0 0 1-.587-.227l-2.143-1.943-8.899 8.085c.324.138.672.21 1.024.21h21a2.45 2.45 0 0 0 1.015-.21z',
            },
        }), h('path', {
            attrs: {
                d: 'M16.105 17.435 27.717 6.69a2.6 2.6 0 0 0-1.217-.315h-21a2.55 2.55 0 0 0-1.146.28z',
            },
        }), h('path', {
            attrs: {
                d: 'M3.12 7.906A2.5 2.5 0 0 0 2.875 9v14c.005.425.113.842.315 1.216l8.89-8.067z',
            },
        })]);
    },
};