30 lines
999 B
Vue
30 lines
999 B
Vue
<script setup lang="ts">
|
|
interface Props {
|
|
size?: number | string
|
|
color?: string
|
|
className?: string
|
|
}
|
|
|
|
withDefaults(defineProps<Props>(), {
|
|
size: 16,
|
|
color: 'var(--foreground-reversal)',
|
|
className: '',
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
:width="size"
|
|
:height="size"
|
|
viewBox="0 0 16 16"
|
|
fill="none"
|
|
:class="className"
|
|
>
|
|
<path
|
|
d="M15.7071 1.70711C16.0976 1.31658 16.0976 0.683417 15.7071 0.292893C15.3166 -0.0976311 14.6834 -0.0976311 14.2929 0.292893L8 6.58579L1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292894 0.292893C-0.0976304 0.683417 -0.0976304 1.31658 0.292894 1.70711L6.58579 8L0.292893 14.2929C-0.0976311 14.6834 -0.0976311 15.3166 0.292893 15.7071C0.683417 16.0976 1.31658 16.0976 1.70711 15.7071L8 9.41421L14.2929 15.7071C14.6834 16.0976 15.3166 16.0976 15.7071 15.7071C16.0976 15.3166 16.0976 14.6834 15.7071 14.2929L9.41421 8L15.7071 1.70711Z"
|
|
:fill="color"
|
|
/>
|
|
</svg>
|
|
</template>
|