DocSpace-client/public/images/loader.svg

43 lines
2.7 KiB
XML
Raw Normal View History

2024-01-29 18:41:29 +00:00
<svg viewBox="-10 -10 220 220" xmlns="http://www.w3.org/2000/svg" aria-label="Loading content, please wait.">
2024-01-17 12:25:04 +00:00
<style>
:root {
width: 64px;
height: 64px;
2024-01-29 18:41:29 +00:00
color: #2DA7DB;
2024-01-17 12:25:04 +00:00
}
</style>
<defs>
<linearGradient id="spinner-color-prefix0-1" gradientUnits="objectBoundingBox" x1="0" y1="0" x2="1" y2="1">
<stop offset="0%" stop-color="currentColor" stop-opacity="0"></stop>
<stop offset="100%" stop-color="currentColor" stop-opacity=".2"></stop>
</linearGradient>
<linearGradient id="spinner-color-prefix0-2" gradientUnits="objectBoundingBox" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="currentColor" stop-opacity=".2"></stop>
<stop offset="100%" stop-color="currentColor" stop-opacity=".4"></stop>
</linearGradient>
<linearGradient id="spinner-color-prefix0-3" gradientUnits="objectBoundingBox" x1="1" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="currentColor" stop-opacity=".4"></stop>
<stop offset="100%" stop-color="currentColor" stop-opacity=".6"></stop>
</linearGradient>
<linearGradient id="spinner-color-prefix0-4" gradientUnits="objectBoundingBox" x1="1" y1="1" x2="0" y2="0">
<stop offset="0%" stop-color="currentColor" stop-opacity=".6"></stop>
<stop offset="100%" stop-color="currentColor" stop-opacity=".8"></stop>
</linearGradient>
<linearGradient id="spinner-color-prefix0-5" gradientUnits="objectBoundingBox" x1="0" y1="1" x2="0" y2="0">
<stop offset="0%" stop-color="currentColor" stop-opacity=".8"></stop>
<stop offset="100%" stop-color="currentColor" stop-opacity="1"></stop>
</linearGradient><linearGradient id="spinner-color-prefix0-6" gradientUnits="objectBoundingBox" x1="0" y1="1" x2="1" y2="0">
<stop offset="0%" stop-color="currentColor" stop-opacity="1"></stop>
<stop offset="100%" stop-color="currentColor" stop-opacity="1"></stop>
</linearGradient>
</defs>
<g fill="none" transform="translate(100,100) scale(0.75)" stroke-width="30">
<path d="M 0,-100 A 100,100 0 0,1 86.6,-50" stroke="url(#spinner-color-prefix0-1)"></path>
<path d="M 86.6,-50 A 100,100 0 0,1 86.6,50" stroke="url(#spinner-color-prefix0-2)"></path>
<path d="M 86.6,50 A 100,100 0 0,1 0,100" stroke="url(#spinner-color-prefix0-3)"></path>
<path d="M 0,100 A 100,100 0 0,1 -86.6,50" stroke="url(#spinner-color-prefix0-4)"></path>
<path d="M -86.6,50 A 100,100 0 0,1 -86.6,-50" stroke="url(#spinner-color-prefix0-5)"></path>
<path d="M -86.6,-50 A 100,100 0 0,1 0,-100" stroke="url(#spinner-color-prefix0-6)"></path>
</g>
<animateTransform from="0 0 0" to="360 0 0" attributeName="transform" type="rotate" repeatCount="indefinite" dur="1300ms"></animateTransform>
</svg>