45 lines
1.2 KiB
HTML
45 lines
1.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta http-equiv="Content-Security-Policy" content="script-src 'self';">
|
|
<style>
|
|
:root {
|
|
--stop-color-start: #3b82f6;
|
|
--stop-color-end: #1d4ed8;
|
|
}
|
|
|
|
body {
|
|
margin: 0;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
min-height: 100vh;
|
|
background-color: transparent;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<svg width="30" height="30" viewBox="0 0 38 38" xmlns="http://www.w3.org/2000/svg">
|
|
<defs>
|
|
<linearGradient id="gradient" x1="8.042%" y1="0%" x2="65.682%" y2="23.865%">
|
|
<stop stop-color="var(--stop-color-start)" offset="0%" />
|
|
<stop stop-color="var(--stop-color-end)" offset="100%" />
|
|
</linearGradient>
|
|
</defs>
|
|
<g fill="none" fill-rule="evenodd">
|
|
<g transform="translate(1 1)" stroke-width="2">
|
|
<circle stroke-opacity=".2" cx="18" cy="18" r="18" />
|
|
<path d="M36 18c0-9.94-8.06-18-18-18" stroke="url(#gradient)">
|
|
<animateTransform attributeName="transform" type="rotate" from="0 18 18" to="360 18 18" dur="1s"
|
|
repeatCount="indefinite" />
|
|
</path>
|
|
</g>
|
|
</g>
|
|
</svg>
|
|
</body>
|
|
|
|
</html>
|