TheLogo.vue

<script lang="ts" setup>

</script>

<template>
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 179.19 179.19" style="--logo-dark: #231815; --logo-light: #fff;" fill="none">
    <circle class="fill-[var(--logo-dark)] dark:fill-[var(--logo-light)]" cx="89.6" cy="89.6" r="89.22" />
    <rect class="fill-[var(--logo-light)] dark:fill-[var(--logo-dark)]" x="47.64" y="58.13" width="20.98" height="62.93" />
    <rect class="fill-[var(--logo-light)] dark:fill-[var(--logo-dark)]" x="68.62" y="37.15" width="41.95" height="20.98" />
    <rect class="fill-[var(--logo-light)] dark:fill-[var(--logo-dark)]" x="68.62" y="121.06" width="41.95" height="20.98" />
    <rect class="fill-[var(--logo-light)] dark:fill-[var(--logo-dark)]" x="110.57" y="100.08" width="20.98" height="20.98" />
    <rect x="110.57" y="58.13" width="20.98" height="20.98" fill="#f7b52c" />
  </svg>
</template>