
<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-arrow_up_down_sort__a' + uuid + ')'"><path d="M9.06077 4.00011L5.00011 -0.0605469L0.939453 4.00011L2.00011 5.06077L4.25 2.81089V10.75H5.75V2.81066L8.00011 5.06077L9.06077 4.00011Z"/><path d="M10.25 13.1893L8.00011 10.9395L6.93945 12.0001L11.0001 16.0608L15.0608 12.0001L14.0001 10.9395L11.75 13.1896V5.25H10.25V13.1893Z"/></g><defs><clipPath :id="'uia-ui-assets/icons-16-arrow_up_down_sort__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>
