chore: baseline usable version
This commit is contained in:
@@ -0,0 +1,59 @@
|
||||
<svg width="200" height="200" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
|
||||
<defs>
|
||||
<linearGradient id="bgBase" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" stop-color="#F27A24" /> <stop offset="35%" stop-color="#D9226B" /> <stop offset="70%" stop-color="#7623CD" /> <stop offset="100%" stop-color="#2235E6" /> </linearGradient>
|
||||
|
||||
<radialGradient id="bgBottomLeft" cx="10%" cy="90%" r="70%">
|
||||
<stop offset="0%" stop-color="#111A5A" stop-opacity="0.95" />
|
||||
<stop offset="100%" stop-color="#111A5A" stop-opacity="0" />
|
||||
</radialGradient>
|
||||
<radialGradient id="bgTopRight" cx="95%" cy="5%" r="65%">
|
||||
<stop offset="0%" stop-color="#D01584" stop-opacity="0.8" />
|
||||
<stop offset="100%" stop-color="#D01584" stop-opacity="0" />
|
||||
</radialGradient>
|
||||
<radialGradient id="bgTopLeft" cx="5%" cy="5%" r="65%">
|
||||
<stop offset="0%" stop-color="#F9A030" stop-opacity="0.75" />
|
||||
<stop offset="100%" stop-color="#F9A030" stop-opacity="0" />
|
||||
</radialGradient>
|
||||
|
||||
<filter id="noise">
|
||||
<feTurbulence type="fractalNoise" baseFrequency="0.8" numOctaves="3" stitchTiles="stitch" />
|
||||
<feColorMatrix type="matrix" values="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 0.025 0" />
|
||||
</filter>
|
||||
|
||||
<filter id="drop-shadow" x="-50%" y="-50%" width="200%" height="200%">
|
||||
<feDropShadow dx="3" dy="10" stdDeviation="8" flood-color="#02041A" flood-opacity="0.5" />
|
||||
</filter>
|
||||
|
||||
<linearGradient id="bevelGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" stop-color="#FFFFFF" />
|
||||
<stop offset="40%" stop-color="#E1E1E9" />
|
||||
<stop offset="100%" stop-color="#9C9CA9" />
|
||||
</linearGradient>
|
||||
|
||||
<radialGradient id="faceGrad" cx="25%" cy="25%" r="85%">
|
||||
<stop offset="0%" stop-color="#FFFFFF" />
|
||||
<stop offset="50%" stop-color="#FDFDFD" />
|
||||
<stop offset="100%" stop-color="#EDEDF3" />
|
||||
</radialGradient>
|
||||
</defs>
|
||||
|
||||
<g>
|
||||
<rect x="0" y="0" width="200" height="200" rx="45" fill="url(#bgBase)" />
|
||||
<rect x="0" y="0" width="200" height="200" rx="45" fill="url(#bgBottomLeft)" />
|
||||
<rect x="0" y="0" width="200" height="200" rx="45" fill="url(#bgTopRight)" />
|
||||
<rect x="0" y="0" width="200" height="200" rx="45" fill="url(#bgTopLeft)" />
|
||||
|
||||
<rect x="0" y="0" width="200" height="200" rx="45" fill="transparent" filter="url(#noise)" style="pointer-events:none;" />
|
||||
</g>
|
||||
|
||||
<g>
|
||||
<g filter="url(#drop-shadow)">
|
||||
<polygon points="72,70 128,100 72,130" fill="#000000" stroke="#000000" stroke-width="16" stroke-linejoin="round" />
|
||||
</g>
|
||||
|
||||
<polygon points="72,70 128,100 72,130" fill="url(#bevelGrad)" stroke="url(#bevelGrad)" stroke-width="18" stroke-linejoin="round" />
|
||||
|
||||
<polygon points="72,70 128,100 72,130" fill="url(#faceGrad)" stroke="url(#faceGrad)" stroke-width="14" stroke-linejoin="round" transform="translate(-1, -1.5)" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.8 KiB |
Reference in New Issue
Block a user