@justeattakeaway/pie-icons-vue/icons/IconNotification.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: 'IconNotification',
    props: {
        size: iconSize.regular,
    },
    functional: true,
    render (h, ctx) {
        ctx.data = updateContextData(ctx, 'c-pieIcon c-pieIcon--notification', 'IconNotification');
        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: 'm13.906 10.354-.402-.403a4.58 4.58 0 0 1-1.348-3.255V6.25a4.17 4.17 0 0 0-1.365-3.08 4.2 4.2 0 0 0-2.135-1.006V1H7.344v1.164a4.29 4.29 0 0 0-3.5 4.252v.28a4.58 4.58 0 0 1-1.348 3.255l-.402.403v1.802h3.089a2.827 2.827 0 0 0 5.635 0h3.088zM8 13.469a1.53 1.53 0 0 1-1.514-1.313h3.028A1.53 1.53 0 0 1 8 13.47m2.686-2.625H3.46a5.87 5.87 0 0 0 1.697-4.148v-.28a2.96 2.96 0 0 1 2.555-2.992 2.844 2.844 0 0 1 3.133 2.826v.446a5.87 5.87 0 0 0 1.697 4.148z',
            },
        })]);
    },
};