30 lines
940 B
Vue
30 lines
940 B
Vue
<script setup lang="ts">
|
|
interface Props {
|
|
size?: number | string
|
|
color?: string
|
|
className?: string
|
|
}
|
|
|
|
withDefaults(defineProps<Props>(), {
|
|
size: 24,
|
|
color: 'var(--foreground-reversal)',
|
|
className: '',
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
:width="size"
|
|
:height="size"
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
:class="className"
|
|
>
|
|
<path
|
|
d="M20 16C20.7594 16 21.375 16.6156 21.375 17.375C21.375 18.1344 20.7594 18.75 20 18.75H4C3.24061 18.75 2.625 18.1344 2.625 17.375C2.625 16.6156 3.24061 16 4 16H20ZM20 10.5C20.7594 10.5 21.375 11.1156 21.375 11.875C21.375 12.6344 20.7594 13.25 20 13.25H4C3.24061 13.25 2.625 12.6344 2.625 11.875C2.625 11.1156 3.24061 10.5 4 10.5H20ZM20 5C20.7594 5 21.375 5.61561 21.375 6.375C21.375 7.13439 20.7594 7.75 20 7.75H4C3.24061 7.75 2.625 7.13439 2.625 6.375C2.625 5.61561 3.24061 5 4 5H20Z"
|
|
:fill="color"
|
|
/>
|
|
</svg>
|
|
</template>
|