<template>
  <svg class="nych-loading-icon" preserveAspectRatio="xMidYMid meet" viewBox="226 66 228 228" aria-hidden="true">
    <g class="wreath">
      <g transform="rotate(0,340,180)">
        <path d="M340,70 C350,78 352,96 343,112 C339,107 332,93 335,76 Z" />
        <line x1="340" y1="73" x2="343" y2="110" stroke-width="0.8" stroke-linecap="round" />
      </g>
      <g transform="rotate(22.5,340,180)">
        <path d="M340,72 C350,80 352,97 343,113 C339,108 332,94 335,77 Z" />
        <line x1="340" y1="75" x2="343" y2="111" stroke-width="0.8" stroke-linecap="round" />
      </g>
      <g transform="rotate(45,340,180)">
        <path d="M340,70 C350,78 352,96 343,112 C339,107 332,93 335,76 Z" />
        <line x1="340" y1="73" x2="343" y2="110" stroke-width="0.8" stroke-linecap="round" />
      </g>
      <g transform="rotate(67.5,340,180)">
        <path d="M340,72 C350,80 352,97 343,113 C339,108 332,94 335,77 Z" />
        <line x1="340" y1="75" x2="343" y2="111" stroke-width="0.8" stroke-linecap="round" />
      </g>
      <g transform="rotate(90,340,180)">
        <path d="M340,70 C350,78 352,96 343,112 C339,107 332,93 335,76 Z" />
        <line x1="340" y1="73" x2="343" y2="110" stroke-width="0.8" stroke-linecap="round" />
      </g>
      <g transform="rotate(112.5,340,180)">
        <path d="M340,72 C350,80 352,97 343,113 C339,108 332,94 335,77 Z" />
        <line x1="340" y1="75" x2="343" y2="111" stroke-width="0.8" stroke-linecap="round" />
      </g>
      <g transform="rotate(135,340,180)">
        <path d="M340,70 C350,78 352,96 343,112 C339,107 332,93 335,76 Z" />
        <line x1="340" y1="73" x2="343" y2="110" stroke-width="0.8" stroke-linecap="round" />
      </g>
      <g transform="rotate(157.5,340,180)">
        <path d="M340,72 C350,80 352,97 343,113 C339,108 332,94 335,77 Z" />
        <line x1="340" y1="75" x2="343" y2="111" stroke-width="0.8" stroke-linecap="round" />
      </g>
      <g transform="rotate(180,340,180)">
        <path d="M340,70 C350,78 352,96 343,112 C339,107 332,93 335,76 Z" />
        <line x1="340" y1="73" x2="343" y2="110" stroke-width="0.8" stroke-linecap="round" />
      </g>
      <g transform="rotate(202.5,340,180)">
        <path d="M340,72 C350,80 352,97 343,113 C339,108 332,94 335,77 Z" />
        <line x1="340" y1="75" x2="343" y2="111" stroke-width="0.8" stroke-linecap="round" />
      </g>
      <g transform="rotate(225,340,180)">
        <path d="M340,70 C350,78 352,96 343,112 C339,107 332,93 335,76 Z" />
        <line x1="340" y1="73" x2="343" y2="110" stroke-width="0.8" stroke-linecap="round" />
      </g>
      <g transform="rotate(247.5,340,180)">
        <path d="M340,72 C350,80 352,97 343,113 C339,108 332,94 335,77 Z" />
        <line x1="340" y1="75" x2="343" y2="111" stroke-width="0.8" stroke-linecap="round" />
      </g>
      <g transform="rotate(270,340,180)">
        <path d="M340,70 C350,78 352,96 343,112 C339,107 332,93 335,76 Z" />
        <line x1="340" y1="73" x2="343" y2="110" stroke-width="0.8" stroke-linecap="round" />
      </g>
      <g transform="rotate(292.5,340,180)">
        <path d="M340,72 C350,80 352,97 343,113 C339,108 332,94 335,77 Z" />
        <line x1="340" y1="75" x2="343" y2="111" stroke-width="0.8" stroke-linecap="round" />
      </g>
      <g transform="rotate(315,340,180)">
        <path d="M340,70 C350,78 352,96 343,112 C339,107 332,93 335,76 Z" />
        <line x1="340" y1="73" x2="343" y2="110" stroke-width="0.8" stroke-linecap="round" />
      </g>
      <g transform="rotate(337.5,340,180)">
        <path d="M340,72 C350,80 352,97 343,113 C339,108 332,94 335,77 Z" />
        <line x1="340" y1="75" x2="343" y2="111" stroke-width="0.8" stroke-linecap="round" />
      </g>
    </g>
  </svg>
</template>
