
<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-message__a' + uuid + ')'"><path fill="#001222" d="M4.54008 14.6701C5.62008 15.2501 6.85008 15.5901 8.17008 15.5901C12.4501 15.5901 15.9201 12.1201 15.9201 7.84008C15.9201 3.56008 12.4501 0.0800781 8.17008 0.0800781C3.89008 0.0800781 0.420078 3.55008 0.420078 7.83008C0.420078 9.14008 0.760078 10.3701 1.34008 11.4601L0.0800781 15.9201L4.54008 14.6701ZM8.17008 14.0901C7.01008 14.0901 5.93008 13.7801 5.00008 13.2301L4.72008 13.0701L4.41008 13.1601L2.24008 13.7701L2.85008 11.6001L2.94008 11.2901L2.78008 11.0101C2.23008 10.0801 1.92008 9.00008 1.92008 7.84008C1.92008 4.39008 4.72008 1.59008 8.17008 1.59008C11.6201 1.59008 14.4201 4.39008 14.4201 7.84008C14.4201 11.2901 11.6201 14.0901 8.17008 14.0901Z"/></g><defs><clipPath :id="'uia-ui-assets/icons-16-message__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>
