<template>
  <svg
    :width="size"
    :height="size"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    aria-hidden="true"
  >
    <circle cx="12" cy="12" r="2" fill="currentColor" />
    <path d="M12 4v4.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
    <path d="M12 15.5V20" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
    <path d="M4 12h4.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
    <path d="M15.5 12H20" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
  </svg>
</template>

<script setup lang="ts">
withDefaults(defineProps<{ size?: number | string }>(), { size: 20 })
</script>
