@justeattakeaway/pie-icons-vue/icons/IconStopLarge.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: 'IconStopLarge',
    props: {
        size: iconSize.large,
    },
    functional: true,
    render (h, ctx) {
        ctx.data = updateContextData(ctx, 'c-pieIcon c-pieIcon--stopLarge', 'IconStopLarge');
        return h('svg', _mergeJSXProps([{
            attrs: {
                xmlns: 'http://www.w3.org/2000/svg',
                role: 'presentation',
                focusable: 'false',
                fill: 'currentColor',
            },
        }, ctx.data]), [h('path', {
            attrs: {
                d: 'M21.77 7.11H10.23c-1.72 0-3.12 1.4-3.12 3.12v11.54c0 1.72 1.4 3.12 3.12 3.12h11.54c1.72 0 3.12-1.4 3.12-3.12V10.23c0-1.72-1.4-3.12-3.12-3.12Zm1.34 14.66c0 .74-.6 1.34-1.34 1.34H10.23c-.74 0-1.34-.6-1.34-1.34V10.23c0-.74.6-1.34 1.34-1.34h11.54c.74 0 1.34.6 1.34 1.34v11.54Z',
            },
        })]);
    },
};