physical/physical-expo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

添加图标和球类选择

Browse Source
This commit is contained in:
xianyi
2026-01-13 10:53:30 +08:00
parent bff2763013
commit 5bbbf1a132
25 changed files with 734 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
assets/balls/badminton_active.svg Normal file
View File

@@ -0,0 +1,25 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none">
<defs>
<radialGradient id="g" cx="30%" cy="25%" r="70%">
<stop offset="0" stop-color="#ffffff"/>
<stop offset="1" stop-color="#eef3f8"/>
</radialGradient>
<filter id="tex" x="-20%" y="-20%" width="140%" height="140%">
<feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="2" stitchTiles="stitch" />
<feColorMatrix type="matrix" values="
0 0 0 0 0.35
0 0 0 0 0.35
0 0 0 0 0.35
0 0 0 0.12 0" />
</filter>
</defs>
<g opacity="1.0">
<circle cx="32" cy="32" r="28" fill="url(#g)"/>
<circle cx="32" cy="32" r="28" filter="url(#tex)" opacity="0.60"/>
<path d="M20 26c5 5 19 5 24 0" stroke="#aab3c2" stroke-width="3" fill="none" opacity=".85"/>
<path d="M22 38c6-10 18-12 22-4" stroke="#aab3c2" stroke-width="3" fill="none" opacity=".65"/>
<circle cx="32" cy="32" r="28" fill="none" stroke="#0b0d12" stroke-opacity="0.22" stroke-width="2"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

25
assets/balls/badminton_disabled.svg Normal file
View File

@@ -0,0 +1,25 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none">
<defs>
<radialGradient id="g" cx="30%" cy="25%" r="70%">
<stop offset="0" stop-color="#ffffff"/>
<stop offset="1" stop-color="#eef3f8"/>
</radialGradient>
<filter id="tex" x="-20%" y="-20%" width="140%" height="140%">
<feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="2" stitchTiles="stitch" />
<feColorMatrix type="matrix" values="
0 0 0 0 0.35
0 0 0 0 0.35
0 0 0 0 0.35
0 0 0 0.12 0" />
</filter>
</defs>
<g opacity="0.5">
<circle cx="32" cy="32" r="28" fill="url(#g)"/>
<circle cx="32" cy="32" r="28" filter="url(#tex)" opacity="0.60"/>
<path d="M20 26c5 5 19 5 24 0" stroke="#aab3c2" stroke-width="3" fill="none" opacity=".85"/>
<path d="M22 38c6-10 18-12 22-4" stroke="#aab3c2" stroke-width="3" fill="none" opacity=".65"/>
<circle cx="32" cy="32" r="28" fill="none" stroke="#0b0d12" stroke-opacity="0.1" stroke-width="2"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

25
assets/balls/badminton_inactive.svg Normal file
View File

@@ -0,0 +1,25 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none">
<defs>
<radialGradient id="g" cx="30%" cy="25%" r="70%">
<stop offset="0" stop-color="#ffffff"/>
<stop offset="1" stop-color="#eef3f8"/>
</radialGradient>
<filter id="tex" x="-20%" y="-20%" width="140%" height="140%">
<feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="2" stitchTiles="stitch" />
<feColorMatrix type="matrix" values="
0 0 0 0 0.35
0 0 0 0 0.35
0 0 0 0 0.35
0 0 0 0.12 0" />
</filter>
</defs>
<g opacity="0.78">
<circle cx="32" cy="32" r="28" fill="url(#g)"/>
<circle cx="32" cy="32" r="28" filter="url(#tex)" opacity="0.60"/>
<path d="M20 26c5 5 19 5 24 0" stroke="#aab3c2" stroke-width="3" fill="none" opacity=".85"/>
<path d="M22 38c6-10 18-12 22-4" stroke="#aab3c2" stroke-width="3" fill="none" opacity=".65"/>
<circle cx="32" cy="32" r="28" fill="none" stroke="#0b0d12" stroke-opacity="0.16" stroke-width="2"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

27
assets/balls/baseball_active.svg Normal file
View File

@@ -0,0 +1,27 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none">
<defs>
<radialGradient id="g" cx="30%" cy="25%" r="70%">
<stop offset="0" stop-color="#ffffff"/>
<stop offset="1" stop-color="#e7eef7"/>
</radialGradient>
<filter id="tex" x="-20%" y="-20%" width="140%" height="140%">
<feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="2" stitchTiles="stitch" />
<feColorMatrix type="matrix" values="
0 0 0 0 0.35
0 0 0 0 0.35
0 0 0 0 0.35
0 0 0 0.12 0" />
</filter>
</defs>
<g opacity="1.0">
<circle cx="32" cy="32" r="28" fill="url(#g)"/>
<circle cx="32" cy="32" r="28" filter="url(#tex)" opacity="0.55"/>
<path d="M16 18c8 8 10 18 8 28" stroke="#c43b3b" stroke-width="2.4" fill="none" opacity=".85"/>
<path d="M48 18c-8 8-10 18-8 28" stroke="#c43b3b" stroke-width="2.4" fill="none" opacity=".85"/>
<path d="M20 24c2 2 3 4 3 6" stroke="#c43b3b" stroke-width="2" opacity=".7"/>
<path d="M44 24c-2 2-3 4-3 6" stroke="#c43b3b" stroke-width="2" opacity=".7"/>
<circle cx="32" cy="32" r="28" fill="none" stroke="#0b0d12" stroke-opacity="0.22" stroke-width="2"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

27
assets/balls/baseball_disabled.svg Normal file
View File

@@ -0,0 +1,27 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none">
<defs>
<radialGradient id="g" cx="30%" cy="25%" r="70%">
<stop offset="0" stop-color="#ffffff"/>
<stop offset="1" stop-color="#e7eef7"/>
</radialGradient>
<filter id="tex" x="-20%" y="-20%" width="140%" height="140%">
<feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="2" stitchTiles="stitch" />
<feColorMatrix type="matrix" values="
0 0 0 0 0.35
0 0 0 0 0.35
0 0 0 0 0.35
0 0 0 0.12 0" />
</filter>
</defs>
<g opacity="0.5">
<circle cx="32" cy="32" r="28" fill="url(#g)"/>
<circle cx="32" cy="32" r="28" filter="url(#tex)" opacity="0.55"/>
<path d="M16 18c8 8 10 18 8 28" stroke="#c43b3b" stroke-width="2.4" fill="none" opacity=".85"/>
<path d="M48 18c-8 8-10 18-8 28" stroke="#c43b3b" stroke-width="2.4" fill="none" opacity=".85"/>
<path d="M20 24c2 2 3 4 3 6" stroke="#c43b3b" stroke-width="2" opacity=".7"/>
<path d="M44 24c-2 2-3 4-3 6" stroke="#c43b3b" stroke-width="2" opacity=".7"/>
<circle cx="32" cy="32" r="28" fill="none" stroke="#0b0d12" stroke-opacity="0.1" stroke-width="2"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

27
assets/balls/baseball_inactive.svg Normal file
View File

@@ -0,0 +1,27 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none">
<defs>
<radialGradient id="g" cx="30%" cy="25%" r="70%">
<stop offset="0" stop-color="#ffffff"/>
<stop offset="1" stop-color="#e7eef7"/>
</radialGradient>
<filter id="tex" x="-20%" y="-20%" width="140%" height="140%">
<feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="2" stitchTiles="stitch" />
<feColorMatrix type="matrix" values="
0 0 0 0 0.35
0 0 0 0 0.35
0 0 0 0 0.35
0 0 0 0.12 0" />
</filter>
</defs>
<g opacity="0.78">
<circle cx="32" cy="32" r="28" fill="url(#g)"/>
<circle cx="32" cy="32" r="28" filter="url(#tex)" opacity="0.55"/>
<path d="M16 18c8 8 10 18 8 28" stroke="#c43b3b" stroke-width="2.4" fill="none" opacity=".85"/>
<path d="M48 18c-8 8-10 18-8 28" stroke="#c43b3b" stroke-width="2.4" fill="none" opacity=".85"/>
<path d="M20 24c2 2 3 4 3 6" stroke="#c43b3b" stroke-width="2" opacity=".7"/>
<path d="M44 24c-2 2-3 4-3 6" stroke="#c43b3b" stroke-width="2" opacity=".7"/>
<circle cx="32" cy="32" r="28" fill="none" stroke="#0b0d12" stroke-opacity="0.16" stroke-width="2"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

27
assets/balls/basketball_active.svg Normal file
View File

@@ -0,0 +1,27 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none">
<defs>
<radialGradient id="g" cx="30%" cy="25%" r="70%">
<stop offset="0" stop-color="#ffb25c"/>
<stop offset="1" stop-color="#e8742f"/>
</radialGradient>
<filter id="tex" x="-20%" y="-20%" width="140%" height="140%">
<feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="2" stitchTiles="stitch" />
<feColorMatrix type="matrix" values="
0 0 0 0 0.35
0 0 0 0 0.35
0 0 0 0 0.35
0 0 0 0.12 0" />
</filter>
</defs>
<g opacity="1.0">
<circle cx="32" cy="32" r="28" fill="url(#g)"/>
<circle cx="32" cy="32" r="28" filter="url(#tex)" opacity="0.75"/>
<path d="M12 32h40" stroke="#2b1a10" stroke-width="2.4" opacity=".65"/>
<path d="M32 12v40" stroke="#2b1a10" stroke-width="2.4" opacity=".65"/>
<path d="M20 16c7 6 12 14 12 16s-5 10-12 16" stroke="#2b1a10" stroke-width="2.2" fill="none" opacity=".6"/>
<path d="M44 16c-7 6-12 14-12 16s5 10 12 16" stroke="#2b1a10" stroke-width="2.2" fill="none" opacity=".6"/>
<circle cx="32" cy="32" r="28" fill="none" stroke="#0b0d12" stroke-opacity="0.22" stroke-width="2"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

27
assets/balls/basketball_disabled.svg Normal file
View File

@@ -0,0 +1,27 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none">
<defs>
<radialGradient id="g" cx="30%" cy="25%" r="70%">
<stop offset="0" stop-color="#ffb25c"/>
<stop offset="1" stop-color="#e8742f"/>
</radialGradient>
<filter id="tex" x="-20%" y="-20%" width="140%" height="140%">
<feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="2" stitchTiles="stitch" />
<feColorMatrix type="matrix" values="
0 0 0 0 0.35
0 0 0 0 0.35
0 0 0 0 0.35
0 0 0 0.12 0" />
</filter>
</defs>
<g opacity="0.5">
<circle cx="32" cy="32" r="28" fill="url(#g)"/>
<circle cx="32" cy="32" r="28" filter="url(#tex)" opacity="0.75"/>
<path d="M12 32h40" stroke="#2b1a10" stroke-width="2.4" opacity=".65"/>
<path d="M32 12v40" stroke="#2b1a10" stroke-width="2.4" opacity=".65"/>
<path d="M20 16c7 6 12 14 12 16s-5 10-12 16" stroke="#2b1a10" stroke-width="2.2" fill="none" opacity=".6"/>
<path d="M44 16c-7 6-12 14-12 16s5 10 12 16" stroke="#2b1a10" stroke-width="2.2" fill="none" opacity=".6"/>
<circle cx="32" cy="32" r="28" fill="none" stroke="#0b0d12" stroke-opacity="0.1" stroke-width="2"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

27
assets/balls/basketball_inactive.svg Normal file
View File

@@ -0,0 +1,27 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none">
<defs>
<radialGradient id="g" cx="30%" cy="25%" r="70%">
<stop offset="0" stop-color="#ffb25c"/>
<stop offset="1" stop-color="#e8742f"/>
</radialGradient>
<filter id="tex" x="-20%" y="-20%" width="140%" height="140%">
<feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="2" stitchTiles="stitch" />
<feColorMatrix type="matrix" values="
0 0 0 0 0.35
0 0 0 0 0.35
0 0 0 0 0.35
0 0 0 0.12 0" />
</filter>
</defs>
<g opacity="0.78">
<circle cx="32" cy="32" r="28" fill="url(#g)"/>
<circle cx="32" cy="32" r="28" filter="url(#tex)" opacity="0.75"/>
<path d="M12 32h40" stroke="#2b1a10" stroke-width="2.4" opacity=".65"/>
<path d="M32 12v40" stroke="#2b1a10" stroke-width="2.4" opacity=".65"/>
<path d="M20 16c7 6 12 14 12 16s-5 10-12 16" stroke="#2b1a10" stroke-width="2.2" fill="none" opacity=".6"/>
<path d="M44 16c-7 6-12 14-12 16s5 10 12 16" stroke="#2b1a10" stroke-width="2.2" fill="none" opacity=".6"/>
<circle cx="32" cy="32" r="28" fill="none" stroke="#0b0d12" stroke-opacity="0.16" stroke-width="2"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

25
assets/balls/cricket_active.svg Normal file
View File

@@ -0,0 +1,25 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none">
<defs>
<radialGradient id="g" cx="30%" cy="25%" r="70%">
<stop offset="0" stop-color="#ffffff"/>
<stop offset="1" stop-color="#e8edf3"/>
</radialGradient>
<filter id="tex" x="-20%" y="-20%" width="140%" height="140%">
<feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="2" stitchTiles="stitch" />
<feColorMatrix type="matrix" values="
0 0 0 0 0.35
0 0 0 0 0.35
0 0 0 0 0.35
0 0 0 0.12 0" />
</filter>
</defs>
<g opacity="1.0">
<circle cx="32" cy="32" r="28" fill="url(#g)"/>
<circle cx="32" cy="32" r="28" filter="url(#tex)" opacity="0.55"/>
<path d="M20 20c10 5 14 19 8 28" stroke="#cc2f2f" stroke-width="2.6" fill="none" opacity=".85"/>
<path d="M44 20c-10 5-14 19-8 28" stroke="#cc2f2f" stroke-width="2.6" fill="none" opacity=".85"/>
<circle cx="32" cy="32" r="28" fill="none" stroke="#0b0d12" stroke-opacity="0.22" stroke-width="2"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

25
assets/balls/cricket_disabled.svg Normal file
View File

@@ -0,0 +1,25 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none">
<defs>
<radialGradient id="g" cx="30%" cy="25%" r="70%">
<stop offset="0" stop-color="#ffffff"/>
<stop offset="1" stop-color="#e8edf3"/>
</radialGradient>
<filter id="tex" x="-20%" y="-20%" width="140%" height="140%">
<feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="2" stitchTiles="stitch" />
<feColorMatrix type="matrix" values="
0 0 0 0 0.35
0 0 0 0 0.35
0 0 0 0 0.35
0 0 0 0.12 0" />
</filter>
</defs>
<g opacity="0.5">
<circle cx="32" cy="32" r="28" fill="url(#g)"/>
<circle cx="32" cy="32" r="28" filter="url(#tex)" opacity="0.55"/>
<path d="M20 20c10 5 14 19 8 28" stroke="#cc2f2f" stroke-width="2.6" fill="none" opacity=".85"/>
<path d="M44 20c-10 5-14 19-8 28" stroke="#cc2f2f" stroke-width="2.6" fill="none" opacity=".85"/>
<circle cx="32" cy="32" r="28" fill="none" stroke="#0b0d12" stroke-opacity="0.1" stroke-width="2"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

25
assets/balls/cricket_inactive.svg Normal file
View File

@@ -0,0 +1,25 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none">
<defs>
<radialGradient id="g" cx="30%" cy="25%" r="70%">
<stop offset="0" stop-color="#ffffff"/>
<stop offset="1" stop-color="#e8edf3"/>
</radialGradient>
<filter id="tex" x="-20%" y="-20%" width="140%" height="140%">
<feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="2" stitchTiles="stitch" />
<feColorMatrix type="matrix" values="
0 0 0 0 0.35
0 0 0 0 0.35
0 0 0 0 0.35
0 0 0 0.12 0" />
</filter>
</defs>
<g opacity="0.78">
<circle cx="32" cy="32" r="28" fill="url(#g)"/>
<circle cx="32" cy="32" r="28" filter="url(#tex)" opacity="0.55"/>
<path d="M20 20c10 5 14 19 8 28" stroke="#cc2f2f" stroke-width="2.6" fill="none" opacity=".85"/>
<path d="M44 20c-10 5-14 19-8 28" stroke="#cc2f2f" stroke-width="2.6" fill="none" opacity=".85"/>
<circle cx="32" cy="32" r="28" fill="none" stroke="#0b0d12" stroke-opacity="0.16" stroke-width="2"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

28
assets/balls/football_active.svg Normal file
View File

@@ -0,0 +1,28 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none">
<defs>
<radialGradient id="g" cx="30%" cy="25%" r="70%">
<stop offset="0" stop-color="#ffffff"/>
<stop offset="1" stop-color="#dfe6ee"/>
</radialGradient>
<filter id="tex" x="-20%" y="-20%" width="140%" height="140%">
<feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="2" stitchTiles="stitch" />
<feColorMatrix type="matrix" values="
0 0 0 0 0.35
0 0 0 0 0.35
0 0 0 0 0.35
0 0 0 0.12 0" />
</filter>
</defs>
<g opacity="1.0">
<circle cx="32" cy="32" r="28" fill="url(#g)"/>
<circle cx="32" cy="32" r="28" filter="url(#tex)" opacity="0.9"/>
<path d="M32 18l7 5-3 8H28l-3-8 7-5Z" fill="#1b1f2a"/>
<path d="M32 18l-7 5-9-2" stroke="#1b1f2a" stroke-width="2" fill="none" opacity=".75"/>
<path d="M39 23l10 2 4 7" stroke="#1b1f2a" stroke-width="2" fill="none" opacity=".75"/>
<path d="M28 31l-8 6 2 10" stroke="#1b1f2a" stroke-width="2" fill="none" opacity=".6"/>
<path d="M36 31l8 6-2 10" stroke="#1b1f2a" stroke-width="2" fill="none" opacity=".6"/>
<circle cx="32" cy="32" r="28" fill="none" stroke="#0b0d12" stroke-opacity="0.22" stroke-width="2"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

28
assets/balls/football_disabled.svg Normal file
View File

@@ -0,0 +1,28 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none">
<defs>
<radialGradient id="g" cx="30%" cy="25%" r="70%">
<stop offset="0" stop-color="#ffffff"/>
<stop offset="1" stop-color="#dfe6ee"/>
</radialGradient>
<filter id="tex" x="-20%" y="-20%" width="140%" height="140%">
<feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="2" stitchTiles="stitch" />
<feColorMatrix type="matrix" values="
0 0 0 0 0.35
0 0 0 0 0.35
0 0 0 0 0.35
0 0 0 0.12 0" />
</filter>
</defs>
<g opacity="0.5">
<circle cx="32" cy="32" r="28" fill="url(#g)"/>
<circle cx="32" cy="32" r="28" filter="url(#tex)" opacity="0.9"/>
<path d="M32 18l7 5-3 8H28l-3-8 7-5Z" fill="#1b1f2a"/>
<path d="M32 18l-7 5-9-2" stroke="#1b1f2a" stroke-width="2" fill="none" opacity=".75"/>
<path d="M39 23l10 2 4 7" stroke="#1b1f2a" stroke-width="2" fill="none" opacity=".75"/>
<path d="M28 31l-8 6 2 10" stroke="#1b1f2a" stroke-width="2" fill="none" opacity=".6"/>
<path d="M36 31l8 6-2 10" stroke="#1b1f2a" stroke-width="2" fill="none" opacity=".6"/>
<circle cx="32" cy="32" r="28" fill="none" stroke="#0b0d12" stroke-opacity="0.1" stroke-width="2"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

28
assets/balls/football_inactive.svg Normal file
View File

@@ -0,0 +1,28 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none">
<defs>
<radialGradient id="g" cx="30%" cy="25%" r="70%">
<stop offset="0" stop-color="#ffffff"/>
<stop offset="1" stop-color="#dfe6ee"/>
</radialGradient>
<filter id="tex" x="-20%" y="-20%" width="140%" height="140%">
<feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="2" stitchTiles="stitch" />
<feColorMatrix type="matrix" values="
0 0 0 0 0.35
0 0 0 0 0.35
0 0 0 0 0.35
0 0 0 0.12 0" />
</filter>
</defs>
<g opacity="0.78">
<circle cx="32" cy="32" r="28" fill="url(#g)"/>
<circle cx="32" cy="32" r="28" filter="url(#tex)" opacity="0.9"/>
<path d="M32 18l7 5-3 8H28l-3-8 7-5Z" fill="#1b1f2a"/>
<path d="M32 18l-7 5-9-2" stroke="#1b1f2a" stroke-width="2" fill="none" opacity=".75"/>
<path d="M39 23l10 2 4 7" stroke="#1b1f2a" stroke-width="2" fill="none" opacity=".75"/>
<path d="M28 31l-8 6 2 10" stroke="#1b1f2a" stroke-width="2" fill="none" opacity=".6"/>
<path d="M36 31l8 6-2 10" stroke="#1b1f2a" stroke-width="2" fill="none" opacity=".6"/>
<circle cx="32" cy="32" r="28" fill="none" stroke="#0b0d12" stroke-opacity="0.16" stroke-width="2"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

24
assets/balls/snooker_active.svg Normal file
View File

@@ -0,0 +1,24 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none">
<defs>
<radialGradient id="g" cx="30%" cy="25%" r="70%">
<stop offset="0" stop-color="#2b2f38"/>
<stop offset="1" stop-color="#0a0c10"/>
</radialGradient>
<filter id="tex" x="-20%" y="-20%" width="140%" height="140%">
<feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="2" stitchTiles="stitch" />
<feColorMatrix type="matrix" values="
0 0 0 0 0.35
0 0 0 0 0.35
0 0 0 0 0.35
0 0 0 0.12 0" />
</filter>
</defs>
<g opacity="1.0">
<circle cx="32" cy="32" r="28" fill="url(#g)"/>
<circle cx="32" cy="32" r="28" filter="url(#tex)" opacity="0.35"/>
<circle cx="24" cy="24" r="8" fill="#ffffff" fill-opacity=".16"/>
<circle cx="32" cy="32" r="28" fill="none" stroke="#ffffff" stroke-opacity="0.22" stroke-width="2"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 914 B

24
assets/balls/snooker_disabled.svg Normal file
View File

@@ -0,0 +1,24 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none">
<defs>
<radialGradient id="g" cx="30%" cy="25%" r="70%">
<stop offset="0" stop-color="#2b2f38"/>
<stop offset="1" stop-color="#0a0c10"/>
</radialGradient>
<filter id="tex" x="-20%" y="-20%" width="140%" height="140%">
<feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="2" stitchTiles="stitch" />
<feColorMatrix type="matrix" values="
0 0 0 0 0.35
0 0 0 0 0.35
0 0 0 0 0.35
0 0 0 0.12 0" />
</filter>
</defs>
<g opacity="0.5">
<circle cx="32" cy="32" r="28" fill="url(#g)"/>
<circle cx="32" cy="32" r="28" filter="url(#tex)" opacity="0.35"/>
<circle cx="24" cy="24" r="8" fill="#ffffff" fill-opacity=".16"/>
<circle cx="32" cy="32" r="28" fill="none" stroke="#ffffff" stroke-opacity="0.1" stroke-width="2"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 913 B

24
assets/balls/snooker_inactive.svg Normal file
View File

@@ -0,0 +1,24 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none">
<defs>
<radialGradient id="g" cx="30%" cy="25%" r="70%">
<stop offset="0" stop-color="#2b2f38"/>
<stop offset="1" stop-color="#0a0c10"/>
</radialGradient>
<filter id="tex" x="-20%" y="-20%" width="140%" height="140%">
<feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="2" stitchTiles="stitch" />
<feColorMatrix type="matrix" values="
0 0 0 0 0.35
0 0 0 0 0.35
0 0 0 0 0.35
0 0 0 0.12 0" />
</filter>
</defs>
<g opacity="0.78">
<circle cx="32" cy="32" r="28" fill="url(#g)"/>
<circle cx="32" cy="32" r="28" filter="url(#tex)" opacity="0.35"/>
<circle cx="24" cy="24" r="8" fill="#ffffff" fill-opacity=".16"/>
<circle cx="32" cy="32" r="28" fill="none" stroke="#ffffff" stroke-opacity="0.16" stroke-width="2"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 915 B

25
assets/balls/tennis_active.svg Normal file
View File

@@ -0,0 +1,25 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none">
<defs>
<radialGradient id="g" cx="30%" cy="25%" r="70%">
<stop offset="0" stop-color="#d7ff62"/>
<stop offset="1" stop-color="#6fd53a"/>
</radialGradient>
<filter id="tex" x="-20%" y="-20%" width="140%" height="140%">
<feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="2" stitchTiles="stitch" />
<feColorMatrix type="matrix" values="
0 0 0 0 0.35
0 0 0 0 0.35
0 0 0 0 0.35
0 0 0 0.12 0" />
</filter>
</defs>
<g opacity="1.0">
<circle cx="32" cy="32" r="28" fill="url(#g)"/>
<circle cx="32" cy="32" r="28" filter="url(#tex)" opacity="0.45"/>
<path d="M14 26c10 10 26 10 36 0" stroke="#f5ffd0" stroke-width="3" fill="none" opacity=".9"/>
<path d="M14 38c10-10 26-10 36 0" stroke="#f5ffd0" stroke-width="3" fill="none" opacity=".9"/>
<circle cx="32" cy="32" r="28" fill="none" stroke="#0b0d12" stroke-opacity="0.22" stroke-width="2"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

25
assets/balls/tennis_disabled.svg Normal file
View File

@@ -0,0 +1,25 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none">
<defs>
<radialGradient id="g" cx="30%" cy="25%" r="70%">
<stop offset="0" stop-color="#d7ff62"/>
<stop offset="1" stop-color="#6fd53a"/>
</radialGradient>
<filter id="tex" x="-20%" y="-20%" width="140%" height="140%">
<feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="2" stitchTiles="stitch" />
<feColorMatrix type="matrix" values="
0 0 0 0 0.35
0 0 0 0 0.35
0 0 0 0 0.35
0 0 0 0.12 0" />
</filter>
</defs>
<g opacity="0.5">
<circle cx="32" cy="32" r="28" fill="url(#g)"/>
<circle cx="32" cy="32" r="28" filter="url(#tex)" opacity="0.45"/>
<path d="M14 26c10 10 26 10 36 0" stroke="#f5ffd0" stroke-width="3" fill="none" opacity=".9"/>
<path d="M14 38c10-10 26-10 36 0" stroke="#f5ffd0" stroke-width="3" fill="none" opacity=".9"/>
<circle cx="32" cy="32" r="28" fill="none" stroke="#0b0d12" stroke-opacity="0.1" stroke-width="2"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

25
assets/balls/tennis_inactive.svg Normal file
View File

@@ -0,0 +1,25 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none">
<defs>
<radialGradient id="g" cx="30%" cy="25%" r="70%">
<stop offset="0" stop-color="#d7ff62"/>
<stop offset="1" stop-color="#6fd53a"/>
</radialGradient>
<filter id="tex" x="-20%" y="-20%" width="140%" height="140%">
<feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="2" stitchTiles="stitch" />
<feColorMatrix type="matrix" values="
0 0 0 0 0.35
0 0 0 0 0.35
0 0 0 0 0.35
0 0 0 0.12 0" />
</filter>
</defs>
<g opacity="0.78">
<circle cx="32" cy="32" r="28" fill="url(#g)"/>
<circle cx="32" cy="32" r="28" filter="url(#tex)" opacity="0.45"/>
<path d="M14 26c10 10 26 10 36 0" stroke="#f5ffd0" stroke-width="3" fill="none" opacity=".9"/>
<path d="M14 38c10-10 26-10 36 0" stroke="#f5ffd0" stroke-width="3" fill="none" opacity=".9"/>
<circle cx="32" cy="32" r="28" fill="none" stroke="#0b0d12" stroke-opacity="0.16" stroke-width="2"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB