
<template>
    <svg role="img" v-bind="$attrs" class="ui-assets-icons-16" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><title v-if="$attrs['svg-title']">{{ $attrs['svg-title'] }}</title><g :clip-path="'url(#uia-ui-assets/icons-16-plus_circle_filled__a' + uuid + ')'"><path fill="#001222" d="M0.25 8C0.25 3.71979 3.71979 0.25 8 0.25C12.2802 0.25 15.75 3.71979 15.75 8C15.75 12.2802 12.2802 15.75 8 15.75C3.71979 15.75 0.25 12.2802 0.25 8ZM7.25 11.75H8.75V8.74995L11.75 8.74992L11.75 7.24992L8.75 7.24995V4.25H7.25V7.24997L4.25 7.25L4.25002 8.75L7.25 8.74997V11.75Z"/></g><defs><clipPath :id="'uia-ui-assets/icons-16-plus_circle_filled__a' + uuid"><rect width="16" height="16" fill="#fff"/></clipPath></defs></svg>
</template>
<script>
    import '../css/main.css';

    let uuid = 0;

    export default {
        beforeCreate() {
            this.uuid = uuid.toString();
            uuid += 1;
        },
    };
</script>
