Add Progressive Web App functionality
- Add web app manifest for home screen installation - Implement service worker with offline caching strategy - Create offline fallback page with auto-reconnect - Generate PWA icons in multiple sizes (72px-512px) - Add PWA meta tags and Apple Touch icons to all pages - Register service worker with graceful degradation - Update documentation with PWA installation instructions - Add browserconfig.xml for Windows tile support Features: - Installable on mobile and desktop - Offline functionality with cached resources - App-like experience in standalone mode - Automatic updates when online - Works seamlessly with existing progressive enhancement 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Claude Code
parent
10c6e54062
commit
c13b61cd03
21 changed files with 940 additions and 15 deletions
32
public/icons/favicon.svg
Normal file
32
public/icons/favicon.svg
Normal file
|
|
@ -0,0 +1,32 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
|
||||
<defs>
|
||||
<linearGradient id="bg" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" style="stop-color:#2196F3;stop-opacity:1" />
|
||||
<stop offset="100%" style="stop-color:#1976D2;stop-opacity:1" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
|
||||
<!-- Background circle -->
|
||||
<circle cx="16" cy="16" r="16" fill="url(#bg)"/>
|
||||
|
||||
<!-- Ice crystal/snowflake icon -->
|
||||
<g transform="translate(16, 16)">
|
||||
<!-- Main cross -->
|
||||
<line x1="-9.6" y1="0" x2="9.6" y2="0" stroke="white" stroke-width="2.56" stroke-linecap="round"/>
|
||||
<line x1="0" y1="-9.6" x2="0" y2="9.6" stroke="white" stroke-width="2.56" stroke-linecap="round"/>
|
||||
|
||||
<!-- Diagonal lines -->
|
||||
<line x1="-6.72" y1="-6.72" x2="6.72" y2="6.72" stroke="white" stroke-width="1.92" stroke-linecap="round"/>
|
||||
<line x1="6.72" y1="-6.72" x2="-6.72" y2="6.72" stroke="white" stroke-width="1.92" stroke-linecap="round"/>
|
||||
|
||||
<!-- Small decorative elements -->
|
||||
<circle cx="0" cy="0" r="1.28" fill="white"/>
|
||||
<circle cx="4.8" cy="0" r="0.64" fill="white"/>
|
||||
<circle cx="-4.8" cy="0" r="0.64" fill="white"/>
|
||||
<circle cx="0" cy="4.8" r="0.64" fill="white"/>
|
||||
<circle cx="0" cy="-4.8" r="0.64" fill="white"/>
|
||||
</g>
|
||||
|
||||
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.3 KiB |
32
public/icons/icon-128.svg
Normal file
32
public/icons/icon-128.svg
Normal file
|
|
@ -0,0 +1,32 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="128" height="128" viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg">
|
||||
<defs>
|
||||
<linearGradient id="bg" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" style="stop-color:#2196F3;stop-opacity:1" />
|
||||
<stop offset="100%" style="stop-color:#1976D2;stop-opacity:1" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
|
||||
<!-- Background circle -->
|
||||
<circle cx="64" cy="64" r="64" fill="url(#bg)"/>
|
||||
|
||||
<!-- Ice crystal/snowflake icon -->
|
||||
<g transform="translate(64, 64)">
|
||||
<!-- Main cross -->
|
||||
<line x1="-38.4" y1="0" x2="38.4" y2="0" stroke="white" stroke-width="10.24" stroke-linecap="round"/>
|
||||
<line x1="0" y1="-38.4" x2="0" y2="38.4" stroke="white" stroke-width="10.24" stroke-linecap="round"/>
|
||||
|
||||
<!-- Diagonal lines -->
|
||||
<line x1="-26.88" y1="-26.88" x2="26.88" y2="26.88" stroke="white" stroke-width="7.68" stroke-linecap="round"/>
|
||||
<line x1="26.88" y1="-26.88" x2="-26.88" y2="26.88" stroke="white" stroke-width="7.68" stroke-linecap="round"/>
|
||||
|
||||
<!-- Small decorative elements -->
|
||||
<circle cx="0" cy="0" r="5.12" fill="white"/>
|
||||
<circle cx="19.2" cy="0" r="2.56" fill="white"/>
|
||||
<circle cx="-19.2" cy="0" r="2.56" fill="white"/>
|
||||
<circle cx="0" cy="19.2" r="2.56" fill="white"/>
|
||||
<circle cx="0" cy="-19.2" r="2.56" fill="white"/>
|
||||
</g>
|
||||
|
||||
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.3 KiB |
32
public/icons/icon-144.svg
Normal file
32
public/icons/icon-144.svg
Normal file
|
|
@ -0,0 +1,32 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="144" height="144" viewBox="0 0 144 144" xmlns="http://www.w3.org/2000/svg">
|
||||
<defs>
|
||||
<linearGradient id="bg" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" style="stop-color:#2196F3;stop-opacity:1" />
|
||||
<stop offset="100%" style="stop-color:#1976D2;stop-opacity:1" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
|
||||
<!-- Background circle -->
|
||||
<circle cx="72" cy="72" r="72" fill="url(#bg)"/>
|
||||
|
||||
<!-- Ice crystal/snowflake icon -->
|
||||
<g transform="translate(72, 72)">
|
||||
<!-- Main cross -->
|
||||
<line x1="-43.199999999999996" y1="0" x2="43.199999999999996" y2="0" stroke="white" stroke-width="11.52" stroke-linecap="round"/>
|
||||
<line x1="0" y1="-43.199999999999996" x2="0" y2="43.199999999999996" stroke="white" stroke-width="11.52" stroke-linecap="round"/>
|
||||
|
||||
<!-- Diagonal lines -->
|
||||
<line x1="-30.24" y1="-30.24" x2="30.24" y2="30.24" stroke="white" stroke-width="8.64" stroke-linecap="round"/>
|
||||
<line x1="30.24" y1="-30.24" x2="-30.24" y2="30.24" stroke="white" stroke-width="8.64" stroke-linecap="round"/>
|
||||
|
||||
<!-- Small decorative elements -->
|
||||
<circle cx="0" cy="0" r="5.76" fill="white"/>
|
||||
<circle cx="21.599999999999998" cy="0" r="2.88" fill="white"/>
|
||||
<circle cx="-21.599999999999998" cy="0" r="2.88" fill="white"/>
|
||||
<circle cx="0" cy="21.599999999999998" r="2.88" fill="white"/>
|
||||
<circle cx="0" cy="-21.599999999999998" r="2.88" fill="white"/>
|
||||
</g>
|
||||
|
||||
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.4 KiB |
32
public/icons/icon-152.svg
Normal file
32
public/icons/icon-152.svg
Normal file
|
|
@ -0,0 +1,32 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="152" height="152" viewBox="0 0 152 152" xmlns="http://www.w3.org/2000/svg">
|
||||
<defs>
|
||||
<linearGradient id="bg" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" style="stop-color:#2196F3;stop-opacity:1" />
|
||||
<stop offset="100%" style="stop-color:#1976D2;stop-opacity:1" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
|
||||
<!-- Background circle -->
|
||||
<circle cx="76" cy="76" r="76" fill="url(#bg)"/>
|
||||
|
||||
<!-- Ice crystal/snowflake icon -->
|
||||
<g transform="translate(76, 76)">
|
||||
<!-- Main cross -->
|
||||
<line x1="-45.6" y1="0" x2="45.6" y2="0" stroke="white" stroke-width="12.16" stroke-linecap="round"/>
|
||||
<line x1="0" y1="-45.6" x2="0" y2="45.6" stroke="white" stroke-width="12.16" stroke-linecap="round"/>
|
||||
|
||||
<!-- Diagonal lines -->
|
||||
<line x1="-31.919999999999998" y1="-31.919999999999998" x2="31.919999999999998" y2="31.919999999999998" stroke="white" stroke-width="9.12" stroke-linecap="round"/>
|
||||
<line x1="31.919999999999998" y1="-31.919999999999998" x2="-31.919999999999998" y2="31.919999999999998" stroke="white" stroke-width="9.12" stroke-linecap="round"/>
|
||||
|
||||
<!-- Small decorative elements -->
|
||||
<circle cx="0" cy="0" r="6.08" fill="white"/>
|
||||
<circle cx="22.8" cy="0" r="3.04" fill="white"/>
|
||||
<circle cx="-22.8" cy="0" r="3.04" fill="white"/>
|
||||
<circle cx="0" cy="22.8" r="3.04" fill="white"/>
|
||||
<circle cx="0" cy="-22.8" r="3.04" fill="white"/>
|
||||
</g>
|
||||
|
||||
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.4 KiB |
33
public/icons/icon-192-maskable.svg
Normal file
33
public/icons/icon-192-maskable.svg
Normal file
|
|
@ -0,0 +1,33 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="192" height="192" viewBox="0 0 192 192" xmlns="http://www.w3.org/2000/svg">
|
||||
<defs>
|
||||
<linearGradient id="bg" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" style="stop-color:#2196F3;stop-opacity:1" />
|
||||
<stop offset="100%" style="stop-color:#1976D2;stop-opacity:1" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
|
||||
<!-- Background circle -->
|
||||
<circle cx="96" cy="96" r="96" fill="url(#bg)"/>
|
||||
|
||||
<!-- Ice crystal/snowflake icon -->
|
||||
<g transform="translate(96, 96)">
|
||||
<!-- Main cross -->
|
||||
<line x1="-46.08" y1="0" x2="46.08" y2="0" stroke="white" stroke-width="12.288" stroke-linecap="round"/>
|
||||
<line x1="0" y1="-46.08" x2="0" y2="46.08" stroke="white" stroke-width="12.288" stroke-linecap="round"/>
|
||||
|
||||
<!-- Diagonal lines -->
|
||||
<line x1="-32.256" y1="-32.256" x2="32.256" y2="32.256" stroke="white" stroke-width="9.216" stroke-linecap="round"/>
|
||||
<line x1="32.256" y1="-32.256" x2="-32.256" y2="32.256" stroke="white" stroke-width="9.216" stroke-linecap="round"/>
|
||||
|
||||
<!-- Small decorative elements -->
|
||||
<circle cx="0" cy="0" r="6.144" fill="white"/>
|
||||
<circle cx="23.04" cy="0" r="3.072" fill="white"/>
|
||||
<circle cx="-23.04" cy="0" r="3.072" fill="white"/>
|
||||
<circle cx="0" cy="23.04" r="3.072" fill="white"/>
|
||||
<circle cx="0" cy="-23.04" r="3.072" fill="white"/>
|
||||
</g>
|
||||
|
||||
<!-- Safe zone indicator (invisible) -->
|
||||
<circle cx="96" cy="96" r="76.80000000000001" fill="none" stroke="none"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.5 KiB |
32
public/icons/icon-192.svg
Normal file
32
public/icons/icon-192.svg
Normal file
|
|
@ -0,0 +1,32 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="192" height="192" viewBox="0 0 192 192" xmlns="http://www.w3.org/2000/svg">
|
||||
<defs>
|
||||
<linearGradient id="bg" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" style="stop-color:#2196F3;stop-opacity:1" />
|
||||
<stop offset="100%" style="stop-color:#1976D2;stop-opacity:1" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
|
||||
<!-- Background circle -->
|
||||
<circle cx="96" cy="96" r="96" fill="url(#bg)"/>
|
||||
|
||||
<!-- Ice crystal/snowflake icon -->
|
||||
<g transform="translate(96, 96)">
|
||||
<!-- Main cross -->
|
||||
<line x1="-57.599999999999994" y1="0" x2="57.599999999999994" y2="0" stroke="white" stroke-width="15.36" stroke-linecap="round"/>
|
||||
<line x1="0" y1="-57.599999999999994" x2="0" y2="57.599999999999994" stroke="white" stroke-width="15.36" stroke-linecap="round"/>
|
||||
|
||||
<!-- Diagonal lines -->
|
||||
<line x1="-40.32" y1="-40.32" x2="40.32" y2="40.32" stroke="white" stroke-width="11.52" stroke-linecap="round"/>
|
||||
<line x1="40.32" y1="-40.32" x2="-40.32" y2="40.32" stroke="white" stroke-width="11.52" stroke-linecap="round"/>
|
||||
|
||||
<!-- Small decorative elements -->
|
||||
<circle cx="0" cy="0" r="7.68" fill="white"/>
|
||||
<circle cx="28.799999999999997" cy="0" r="3.84" fill="white"/>
|
||||
<circle cx="-28.799999999999997" cy="0" r="3.84" fill="white"/>
|
||||
<circle cx="0" cy="28.799999999999997" r="3.84" fill="white"/>
|
||||
<circle cx="0" cy="-28.799999999999997" r="3.84" fill="white"/>
|
||||
</g>
|
||||
|
||||
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.4 KiB |
32
public/icons/icon-384.svg
Normal file
32
public/icons/icon-384.svg
Normal file
|
|
@ -0,0 +1,32 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="384" height="384" viewBox="0 0 384 384" xmlns="http://www.w3.org/2000/svg">
|
||||
<defs>
|
||||
<linearGradient id="bg" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" style="stop-color:#2196F3;stop-opacity:1" />
|
||||
<stop offset="100%" style="stop-color:#1976D2;stop-opacity:1" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
|
||||
<!-- Background circle -->
|
||||
<circle cx="192" cy="192" r="192" fill="url(#bg)"/>
|
||||
|
||||
<!-- Ice crystal/snowflake icon -->
|
||||
<g transform="translate(192, 192)">
|
||||
<!-- Main cross -->
|
||||
<line x1="-115.19999999999999" y1="0" x2="115.19999999999999" y2="0" stroke="white" stroke-width="30.72" stroke-linecap="round"/>
|
||||
<line x1="0" y1="-115.19999999999999" x2="0" y2="115.19999999999999" stroke="white" stroke-width="30.72" stroke-linecap="round"/>
|
||||
|
||||
<!-- Diagonal lines -->
|
||||
<line x1="-80.64" y1="-80.64" x2="80.64" y2="80.64" stroke="white" stroke-width="23.04" stroke-linecap="round"/>
|
||||
<line x1="80.64" y1="-80.64" x2="-80.64" y2="80.64" stroke="white" stroke-width="23.04" stroke-linecap="round"/>
|
||||
|
||||
<!-- Small decorative elements -->
|
||||
<circle cx="0" cy="0" r="15.36" fill="white"/>
|
||||
<circle cx="57.599999999999994" cy="0" r="7.68" fill="white"/>
|
||||
<circle cx="-57.599999999999994" cy="0" r="7.68" fill="white"/>
|
||||
<circle cx="0" cy="57.599999999999994" r="7.68" fill="white"/>
|
||||
<circle cx="0" cy="-57.599999999999994" r="7.68" fill="white"/>
|
||||
</g>
|
||||
|
||||
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.4 KiB |
33
public/icons/icon-512-maskable.svg
Normal file
33
public/icons/icon-512-maskable.svg
Normal file
|
|
@ -0,0 +1,33 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="512" height="512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
|
||||
<defs>
|
||||
<linearGradient id="bg" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" style="stop-color:#2196F3;stop-opacity:1" />
|
||||
<stop offset="100%" style="stop-color:#1976D2;stop-opacity:1" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
|
||||
<!-- Background circle -->
|
||||
<circle cx="256" cy="256" r="256" fill="url(#bg)"/>
|
||||
|
||||
<!-- Ice crystal/snowflake icon -->
|
||||
<g transform="translate(256, 256)">
|
||||
<!-- Main cross -->
|
||||
<line x1="-122.88" y1="0" x2="122.88" y2="0" stroke="white" stroke-width="32.768" stroke-linecap="round"/>
|
||||
<line x1="0" y1="-122.88" x2="0" y2="122.88" stroke="white" stroke-width="32.768" stroke-linecap="round"/>
|
||||
|
||||
<!-- Diagonal lines -->
|
||||
<line x1="-86.016" y1="-86.016" x2="86.016" y2="86.016" stroke="white" stroke-width="24.576" stroke-linecap="round"/>
|
||||
<line x1="86.016" y1="-86.016" x2="-86.016" y2="86.016" stroke="white" stroke-width="24.576" stroke-linecap="round"/>
|
||||
|
||||
<!-- Small decorative elements -->
|
||||
<circle cx="0" cy="0" r="16.384" fill="white"/>
|
||||
<circle cx="61.44" cy="0" r="8.192" fill="white"/>
|
||||
<circle cx="-61.44" cy="0" r="8.192" fill="white"/>
|
||||
<circle cx="0" cy="61.44" r="8.192" fill="white"/>
|
||||
<circle cx="0" cy="-61.44" r="8.192" fill="white"/>
|
||||
</g>
|
||||
|
||||
<!-- Safe zone indicator (invisible) -->
|
||||
<circle cx="256" cy="256" r="204.8" fill="none" stroke="none"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.5 KiB |
32
public/icons/icon-512.svg
Normal file
32
public/icons/icon-512.svg
Normal file
|
|
@ -0,0 +1,32 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="512" height="512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
|
||||
<defs>
|
||||
<linearGradient id="bg" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" style="stop-color:#2196F3;stop-opacity:1" />
|
||||
<stop offset="100%" style="stop-color:#1976D2;stop-opacity:1" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
|
||||
<!-- Background circle -->
|
||||
<circle cx="256" cy="256" r="256" fill="url(#bg)"/>
|
||||
|
||||
<!-- Ice crystal/snowflake icon -->
|
||||
<g transform="translate(256, 256)">
|
||||
<!-- Main cross -->
|
||||
<line x1="-153.6" y1="0" x2="153.6" y2="0" stroke="white" stroke-width="40.96" stroke-linecap="round"/>
|
||||
<line x1="0" y1="-153.6" x2="0" y2="153.6" stroke="white" stroke-width="40.96" stroke-linecap="round"/>
|
||||
|
||||
<!-- Diagonal lines -->
|
||||
<line x1="-107.52" y1="-107.52" x2="107.52" y2="107.52" stroke="white" stroke-width="30.72" stroke-linecap="round"/>
|
||||
<line x1="107.52" y1="-107.52" x2="-107.52" y2="107.52" stroke="white" stroke-width="30.72" stroke-linecap="round"/>
|
||||
|
||||
<!-- Small decorative elements -->
|
||||
<circle cx="0" cy="0" r="20.48" fill="white"/>
|
||||
<circle cx="76.8" cy="0" r="10.24" fill="white"/>
|
||||
<circle cx="-76.8" cy="0" r="10.24" fill="white"/>
|
||||
<circle cx="0" cy="76.8" r="10.24" fill="white"/>
|
||||
<circle cx="0" cy="-76.8" r="10.24" fill="white"/>
|
||||
</g>
|
||||
|
||||
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.4 KiB |
32
public/icons/icon-72.svg
Normal file
32
public/icons/icon-72.svg
Normal file
|
|
@ -0,0 +1,32 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="72" height="72" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg">
|
||||
<defs>
|
||||
<linearGradient id="bg" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" style="stop-color:#2196F3;stop-opacity:1" />
|
||||
<stop offset="100%" style="stop-color:#1976D2;stop-opacity:1" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
|
||||
<!-- Background circle -->
|
||||
<circle cx="36" cy="36" r="36" fill="url(#bg)"/>
|
||||
|
||||
<!-- Ice crystal/snowflake icon -->
|
||||
<g transform="translate(36, 36)">
|
||||
<!-- Main cross -->
|
||||
<line x1="-21.599999999999998" y1="0" x2="21.599999999999998" y2="0" stroke="white" stroke-width="5.76" stroke-linecap="round"/>
|
||||
<line x1="0" y1="-21.599999999999998" x2="0" y2="21.599999999999998" stroke="white" stroke-width="5.76" stroke-linecap="round"/>
|
||||
|
||||
<!-- Diagonal lines -->
|
||||
<line x1="-15.12" y1="-15.12" x2="15.12" y2="15.12" stroke="white" stroke-width="4.32" stroke-linecap="round"/>
|
||||
<line x1="15.12" y1="-15.12" x2="-15.12" y2="15.12" stroke="white" stroke-width="4.32" stroke-linecap="round"/>
|
||||
|
||||
<!-- Small decorative elements -->
|
||||
<circle cx="0" cy="0" r="2.88" fill="white"/>
|
||||
<circle cx="10.799999999999999" cy="0" r="1.44" fill="white"/>
|
||||
<circle cx="-10.799999999999999" cy="0" r="1.44" fill="white"/>
|
||||
<circle cx="0" cy="10.799999999999999" r="1.44" fill="white"/>
|
||||
<circle cx="0" cy="-10.799999999999999" r="1.44" fill="white"/>
|
||||
</g>
|
||||
|
||||
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.4 KiB |
32
public/icons/icon-96.svg
Normal file
32
public/icons/icon-96.svg
Normal file
|
|
@ -0,0 +1,32 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="96" height="96" viewBox="0 0 96 96" xmlns="http://www.w3.org/2000/svg">
|
||||
<defs>
|
||||
<linearGradient id="bg" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" style="stop-color:#2196F3;stop-opacity:1" />
|
||||
<stop offset="100%" style="stop-color:#1976D2;stop-opacity:1" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
|
||||
<!-- Background circle -->
|
||||
<circle cx="48" cy="48" r="48" fill="url(#bg)"/>
|
||||
|
||||
<!-- Ice crystal/snowflake icon -->
|
||||
<g transform="translate(48, 48)">
|
||||
<!-- Main cross -->
|
||||
<line x1="-28.799999999999997" y1="0" x2="28.799999999999997" y2="0" stroke="white" stroke-width="7.68" stroke-linecap="round"/>
|
||||
<line x1="0" y1="-28.799999999999997" x2="0" y2="28.799999999999997" stroke="white" stroke-width="7.68" stroke-linecap="round"/>
|
||||
|
||||
<!-- Diagonal lines -->
|
||||
<line x1="-20.16" y1="-20.16" x2="20.16" y2="20.16" stroke="white" stroke-width="5.76" stroke-linecap="round"/>
|
||||
<line x1="20.16" y1="-20.16" x2="-20.16" y2="20.16" stroke="white" stroke-width="5.76" stroke-linecap="round"/>
|
||||
|
||||
<!-- Small decorative elements -->
|
||||
<circle cx="0" cy="0" r="3.84" fill="white"/>
|
||||
<circle cx="14.399999999999999" cy="0" r="1.92" fill="white"/>
|
||||
<circle cx="-14.399999999999999" cy="0" r="1.92" fill="white"/>
|
||||
<circle cx="0" cy="14.399999999999999" r="1.92" fill="white"/>
|
||||
<circle cx="0" cy="-14.399999999999999" r="1.92" fill="white"/>
|
||||
</g>
|
||||
|
||||
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.4 KiB |
Loading…
Add table
Add a link
Reference in a new issue