
<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 fill="#001222" :clip-path="'url(#uia-ui-assets/icons-16-diversity__a' + uuid + ')'"><path d="M12 8.17473L16.2426 3.93209L12 -0.310547L7.75736 3.93209L12 8.17473ZM9.87868 3.93209L12 1.81077L14.1213 3.93209L12 6.05341L9.87868 3.93209Z"/><path d="M3.5 0C1.567 0 0 1.567 0 3.5C0 5.433 1.567 7 3.5 7C5.433 7 7 5.433 7 3.5C7 1.567 5.433 0 3.5 0ZM1.5 3.5C1.5 2.39543 2.39543 1.5 3.5 1.5C4.60457 1.5 5.5 2.39543 5.5 3.5C5.5 4.60457 4.60457 5.5 3.5 5.5C2.39543 5.5 1.5 4.60457 1.5 3.5Z"/><path d="M3.49966 7.823L7.46318 15.75H-0.463867L3.49966 7.823ZM1.96318 14.25H5.03613L3.49966 11.1771L1.96318 14.25Z"/><path d="M15.25 15.75V9.25H8.75V15.75H15.25ZM10.25 14.25V10.75H13.75V14.25H10.25Z"/></g><defs><clipPath :id="'uia-ui-assets/icons-16-diversity__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>
