{{!
  Copyright (c) HashiCorp, Inc.
  SPDX-License-Identifier: MPL-2.0
}}

<div
  class="consul-loader"
  ...attributes
>
  <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="44px" height="44px" viewBox="0 0 44 44" version="1.1">
      <g>
          <circle r="1" cx="27" cy="2" style="transform-origin: 27px 2px" />
          <circle r="1" cx="17" cy="2" style="transform-origin: 17px 2px" />
          <circle r="1" cx="27" cy="42" style="transform-origin: 27px 42px" />
          <circle r="1" cx="17" cy="42" style="transform-origin: 17px 42px" />
          <circle r="1" cx="2" cy="17" style="transform-origin: 2px 17px" />
          <circle r="1" cx="2" cy="27" style="transform-origin: 2px 27px" />
          <circle r="1" cx="42" cy="17" style="transform-origin: 42px 17px" />
          <circle r="1" cx="42" cy="27" style="transform-origin: 42px 27px" />
          <circle r="1" cx="33" cy="4" style="transform-origin: 33px 4px" />
          <circle r="1" cx="11" cy="4" style="transform-origin: 11px 4px" />
          <circle r="1" cx="33" cy="40" style="transform-origin: 33px 40px" />
          <circle r="1" cx="11" cy="40" style="transform-origin: 11px 40px" />
          <circle r="1" cx="40" cy="11" style="transform-origin: 40px 11px" />
          <circle r="1" cx="4" cy="33" style="transform-origin: 4px 33px" />
          <circle r="1" cx="40" cy="33" style="transform-origin: 40px 33px" />
          <circle r="1" cx="4" cy="11" style="transform-origin: 4px 11px" />
      </g>
      <g>
          <circle r="2" cx="22" cy="4" style="transform-origin: 22px 4px" />
          <circle r="2" cx="22" cy="40" style="transform-origin: 22px 40px" />
          <circle r="2" cx="4" cy="22" style="transform-origin: 4px 22px" />
          <circle r="2" cx="40" cy="22" style="transform-origin: 40px 22px" />
          <circle r="2" cx="9" cy="9" style="transform-origin: 9px 9px" />
          <circle r="2" cx="35" cy="35" style="transform-origin: 35px 35px" />
          <circle r="2" cx="35" cy="9" style="transform-origin: 35px 9px" />
          <circle r="2" cx="9" cy="35" style="transform-origin: 9px 35px" />
      </g>
      <g>
          <circle r="2" cx="28" cy="8" style="transform-origin: 28px 8px" />
          <circle r="2" cx="16" cy="8" style="transform-origin: 16px 8px" />
          <circle r="2" cx="28" cy="36" style="transform-origin: 28px 36px" />
          <circle r="2" cx="16" cy="36" style="transform-origin: 16px 36px" />
          <circle r="2" cx="8" cy="28" style="transform-origin: 8px 28px" />
          <circle r="2" cx="8" cy="16" style="transform-origin: 8px 16px" />
          <circle r="2" cx="36" cy="28" style="transform-origin: 36px 28px" />
          <circle r="2" cx="36" cy="16" style="transform-origin: 36px 16px" />
      </g>
      <g>
          <circle r="5" cx="22" cy="12" style="transform-origin: 22px 12px" />
          <circle r="5" cx="22" cy="32" style="transform-origin: 22px 32px" />
          <circle r="5" cx="12" cy="22" style="transform-origin: 12px 22px" />
          <circle r="5" cx="32" cy="22" style="transform-origin: 32px 22px" />
          <circle r="5" cx="15" cy="15" style="transform-origin: 15px 15px" />
          <circle r="5" cx="29" cy="29" style="transform-origin: 29px 29px" />
          <circle r="5" cx="29" cy="15" style="transform-origin: 29px 15px" />
          <circle r="5" cx="15" cy="29" style="transform-origin: 15px 29px" />
      </g>
      <g>
          <circle r="9" cx="22" cy="22" style="transform-origin: 22px 22px" />
      </g>
  </svg>
</div>
