Current File : /home/kelaby89/iluxelectrical.com.au/wp-content/themes/strnix/assets/images/icons/image-bg.svg

<svg class="lds-spinner" width="48px"  height="48px"  xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" style="background: none;"><g transform="rotate(0 50 50)">
  <rect x="47.5" y="24" rx="9.5" ry="4.8" width="5" height="12" fill="#3cc88f">
    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1.5s" begin="-1.35s" repeatCount="indefinite"></animate>
  </rect>
</g><g transform="rotate(36 50 50)">
  <rect x="47.5" y="24" rx="9.5" ry="4.8" width="5" height="12" fill="#3cc88f">
    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1.5s" begin="-1.2s" repeatCount="indefinite"></animate>
  </rect>
</g><g transform="rotate(72 50 50)">
  <rect x="47.5" y="24" rx="9.5" ry="4.8" width="5" height="12" fill="#3cc88f">
    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1.5s" begin="-1.05s" repeatCount="indefinite"></animate>
  </rect>
</g><g transform="rotate(108 50 50)">
  <rect x="47.5" y="24" rx="9.5" ry="4.8" width="5" height="12" fill="#3cc88f">
    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1.5s" begin="-0.9s" repeatCount="indefinite"></animate>
  </rect>
</g><g transform="rotate(144 50 50)">
  <rect x="47.5" y="24" rx="9.5" ry="4.8" width="5" height="12" fill="#3cc88f">
    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1.5s" begin="-0.75s" repeatCount="indefinite"></animate>
  </rect>
</g><g transform="rotate(180 50 50)">
  <rect x="47.5" y="24" rx="9.5" ry="4.8" width="5" height="12" fill="#3cc88f">
    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1.5s" begin="-0.6s" repeatCount="indefinite"></animate>
  </rect>
</g><g transform="rotate(216 50 50)">
  <rect x="47.5" y="24" rx="9.5" ry="4.8" width="5" height="12" fill="#3cc88f">
    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1.5s" begin="-0.45s" repeatCount="indefinite"></animate>
  </rect>
</g><g transform="rotate(252 50 50)">
  <rect x="47.5" y="24" rx="9.5" ry="4.8" width="5" height="12" fill="#3cc88f">
    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1.5s" begin="-0.3s" repeatCount="indefinite"></animate>
  </rect>
</g><g transform="rotate(288 50 50)">
  <rect x="47.5" y="24" rx="9.5" ry="4.8" width="5" height="12" fill="#3cc88f">
    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1.5s" begin="-0.15s" repeatCount="indefinite"></animate>
  </rect>
</g><g transform="rotate(324 50 50)">
  <rect x="47.5" y="24" rx="9.5" ry="4.8" width="5" height="12" fill="#3cc88f">
    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1.5s" begin="0s" repeatCount="indefinite"></animate>
  </rect>
</g></svg>