Logo.vue

<template>
  <svg
    :width="props.size"
    :height="props.size"
    fill="var(--vp-c-indigo-1)"
    viewBox="0 0 60 60">
    <path d="M27.70969009399414,17.502239227294922L32.70968869399414,17.502239227294922L32.70968869399414,42.49776122729492L27.70969009399414,42.49776122729492L27.70969009399414,17.502239227294922Z"/>
    <path d="M43.591396,4.343317L43.591396,3.2574797C39.505386,1.1825904,34.892475,0,29.999985,0C13.430093,0,0,13.427691,0,29.994619C0,39.724049,4.6344047,48.356907,11.806443,53.839802L11.806443,47.131336C7.591393,42.659016,4.9999919,36.627853,4.9999919,29.994619C4.9999919,16.190645,16.193541,4.9990978,29.999985,4.9990978C33.021488,4.9990978,35.913963,5.5366359,38.59137,6.5257206L38.59137,26.844654L43.591362,26.844654L43.591396,4.343317Z"/>
    <path d="M48.591386797485356,6.46121883392334L48.591386797485356,13.28795953392334C52.58062179748535,17.71726783392334,54.999978797485355,23.57644783392334,54.999978797485355,29.99465283392334C54.999978797485355,43.79862883392334,43.80642879748535,54.99017583392334,29.999984797485354,54.99017583392334C27.129003797485353,54.99017583392334,24.37631849748535,54.50637683392334,21.806443697485353,53.61407783392334L21.806443697485353,33.08011683392334L16.80645179748535,33.08011683392334L16.80645179748535,55.58145383392334L16.80645179748535,56.94678783392334C20.784941897485353,58.90343383392334,25.26880929748535,60.00000283392334,29.999984797485354,60.00000283392334C46.56987579748535,60.00000283392334,59.999967797485354,46.57231083392334,59.999967797485354,30.00538183392334C60.01073279748535,20.44793783392334,55.54837579748535,11.95484253392334,48.591386797485356,6.46121883392334Z"/>
  </svg>
</template>

<script setup>
const props = defineProps({
  size: {
    type: Number,
    default: 60
  }
})
</script>