New startup window.
@@ -0,0 +1,54 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
|
||||
<defs>
|
||||
<linearGradient id="cal-body" x1="0" y1="0" x2="0" y2="1">
|
||||
<stop offset="0%" stop-color="#EFF6FF"/>
|
||||
<stop offset="100%" stop-color="#DBEAFE"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="cal-header" x1="0" y1="0" x2="1" y2="1">
|
||||
<stop offset="0%" stop-color="#60A5FA"/>
|
||||
<stop offset="100%" stop-color="#2563EB"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="cal-today" x1="0" y1="0" x2="1" y2="1">
|
||||
<stop offset="0%" stop-color="#818CF8"/>
|
||||
<stop offset="100%" stop-color="#4F46E5"/>
|
||||
</linearGradient>
|
||||
<filter id="cal-shadow" x="-10%" y="-10%" width="120%" height="130%">
|
||||
<feDropShadow dx="0" dy="4" stdDeviation="6" flood-color="#2563EB" flood-opacity="0.18"/>
|
||||
</filter>
|
||||
</defs>
|
||||
|
||||
<!-- Body -->
|
||||
<rect x="10" y="22" width="108" height="96" rx="14" fill="url(#cal-body)" filter="url(#cal-shadow)"/>
|
||||
|
||||
<!-- Header band -->
|
||||
<rect x="10" y="22" width="108" height="34" rx="14" fill="url(#cal-header)"/>
|
||||
<rect x="10" y="42" width="108" height="14" fill="url(#cal-header)"/>
|
||||
|
||||
<!-- Ring binders -->
|
||||
<rect x="37" y="12" width="10" height="24" rx="5" fill="#93C5FD"/>
|
||||
<rect x="81" y="12" width="10" height="24" rx="5" fill="#93C5FD"/>
|
||||
<rect x="39" y="14" width="6" height="20" rx="3" fill="#1D4ED8"/>
|
||||
<rect x="83" y="14" width="6" height="20" rx="3" fill="#1D4ED8"/>
|
||||
|
||||
<!-- Month label -->
|
||||
<text x="64" y="43" text-anchor="middle" font-family="Segoe UI Variable, Segoe UI, sans-serif" font-size="13" font-weight="600" fill="white" opacity="0.95">MARCH</text>
|
||||
|
||||
<!-- Grid: row 1 -->
|
||||
<rect x="18" y="64" width="16" height="14" rx="5" fill="white" opacity="0.55"/>
|
||||
<rect x="40" y="64" width="16" height="14" rx="5" fill="white" opacity="0.55"/>
|
||||
<rect x="62" y="64" width="16" height="14" rx="5" fill="white" opacity="0.55"/>
|
||||
<rect x="84" y="64" width="16" height="14" rx="5" fill="white" opacity="0.55"/>
|
||||
<rect x="106" y="64" width="12" height="14" rx="5" fill="white" opacity="0.55"/>
|
||||
|
||||
<!-- Grid: row 2 (today highlighted) -->
|
||||
<rect x="18" y="84" width="16" height="14" rx="5" fill="white" opacity="0.55"/>
|
||||
<rect x="40" y="84" width="16" height="14" rx="5" fill="url(#cal-today)"/>
|
||||
<rect x="62" y="84" width="16" height="14" rx="5" fill="white" opacity="0.55"/>
|
||||
<rect x="84" y="84" width="16" height="14" rx="5" fill="white" opacity="0.55"/>
|
||||
<rect x="106" y="84" width="12" height="14" rx="5" fill="white" opacity="0.55"/>
|
||||
|
||||
<!-- Grid: row 3 (partial) -->
|
||||
<rect x="18" y="104" width="16" height="10" rx="5" fill="white" opacity="0.35"/>
|
||||
<rect x="40" y="104" width="16" height="10" rx="5" fill="white" opacity="0.35"/>
|
||||
<rect x="62" y="104" width="16" height="10" rx="5" fill="white" opacity="0.35"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.7 KiB |
@@ -0,0 +1,49 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
|
||||
<defs>
|
||||
<linearGradient id="cu-palette" x1="0" y1="0" x2="1" y2="1">
|
||||
<stop offset="0%" stop-color="#FDF4FF"/>
|
||||
<stop offset="100%" stop-color="#F3E8FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="cu-handle" x1="0" y1="0" x2="1" y2="1">
|
||||
<stop offset="0%" stop-color="#A78BFA"/>
|
||||
<stop offset="100%" stop-color="#7C3AED"/>
|
||||
</linearGradient>
|
||||
<filter id="cu-shadow" x="-10%" y="-10%" width="130%" height="130%">
|
||||
<feDropShadow dx="0" dy="4" stdDeviation="7" flood-color="#7C3AED" flood-opacity="0.2"/>
|
||||
</filter>
|
||||
</defs>
|
||||
|
||||
<!-- Palette body -->
|
||||
<path d="M64 12 C38 12 18 30 18 54 C18 68 26 76 36 80 C46 84 46 92 50 98 C54 104 60 108 68 106 C82 104 110 88 110 60 C110 34 90 12 64 12 Z"
|
||||
fill="url(#cu-palette)" filter="url(#cu-shadow)"/>
|
||||
|
||||
<!-- Palette thumb hole -->
|
||||
<circle cx="78" cy="96" r="10" fill="#E9D5FF"/>
|
||||
<circle cx="78" cy="96" r="6" fill="white" opacity="0.6"/>
|
||||
|
||||
<!-- Color swatches -->
|
||||
<!-- Red -->
|
||||
<circle cx="38" cy="44" r="11" fill="#F87171"/>
|
||||
<circle cx="38" cy="44" r="11" fill="white" opacity="0.15"/>
|
||||
|
||||
<!-- Orange -->
|
||||
<circle cx="62" cy="28" r="11" fill="#FB923C"/>
|
||||
<circle cx="62" cy="28" r="11" fill="white" opacity="0.15"/>
|
||||
|
||||
<!-- Blue -->
|
||||
<circle cx="87" cy="34" r="11" fill="#60A5FA"/>
|
||||
<circle cx="87" cy="34" r="11" fill="white" opacity="0.15"/>
|
||||
|
||||
<!-- Green -->
|
||||
<circle cx="100" cy="56" r="11" fill="#4ADE80"/>
|
||||
<circle cx="100" cy="56" r="11" fill="white" opacity="0.15"/>
|
||||
|
||||
<!-- Purple -->
|
||||
<circle cx="92" cy="80" r="11" fill="#A78BFA"/>
|
||||
<circle cx="92" cy="80" r="11" fill="white" opacity="0.15"/>
|
||||
|
||||
<!-- Brush -->
|
||||
<rect x="22" y="72" width="8" height="36" rx="4" fill="url(#cu-handle)" transform="rotate(-40 26 90)"/>
|
||||
<path d="M8 110 C8 110 14 106 18 112 C16 116 10 116 8 110 Z" fill="#F87171"/>
|
||||
<path d="M10 112 C10 112 14 109 17 113" fill="none" stroke="#FCA5A5" stroke-width="1.5" stroke-linecap="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.0 KiB |
@@ -0,0 +1,51 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
|
||||
<defs>
|
||||
<linearGradient id="ml-env" x1="0" y1="0" x2="0" y2="1">
|
||||
<stop offset="0%" stop-color="#F0F9FF"/>
|
||||
<stop offset="100%" stop-color="#BAE6FD"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="ml-flap" x1="0" y1="0" x2="1" y2="1">
|
||||
<stop offset="0%" stop-color="#38BDF8"/>
|
||||
<stop offset="100%" stop-color="#0284C7"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="ml-dot1" x1="0" y1="0" x2="1" y2="1">
|
||||
<stop offset="0%" stop-color="#4ADE80"/>
|
||||
<stop offset="100%" stop-color="#16A34A"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="ml-dot2" x1="0" y1="0" x2="1" y2="1">
|
||||
<stop offset="0%" stop-color="#F87171"/>
|
||||
<stop offset="100%" stop-color="#DC2626"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="ml-dot3" x1="0" y1="0" x2="1" y2="1">
|
||||
<stop offset="0%" stop-color="#A78BFA"/>
|
||||
<stop offset="100%" stop-color="#7C3AED"/>
|
||||
</linearGradient>
|
||||
<filter id="ml-shadow" x="-10%" y="-10%" width="130%" height="130%">
|
||||
<feDropShadow dx="0" dy="4" stdDeviation="7" flood-color="#0284C7" flood-opacity="0.2"/>
|
||||
</filter>
|
||||
</defs>
|
||||
|
||||
<!-- Envelope body -->
|
||||
<rect x="14" y="30" width="100" height="70" rx="12" fill="url(#ml-env)" filter="url(#ml-shadow)"/>
|
||||
|
||||
<!-- Envelope flap (closed) -->
|
||||
<path d="M14 42 L64 68 L114 42 L114 38 A12 12 0 0 0 102 26 L26 26 A12 12 0 0 0 14 38 Z"
|
||||
fill="url(#ml-flap)"/>
|
||||
|
||||
<!-- Fold line on front -->
|
||||
<path d="M14 46 L64 71 L114 46" fill="none" stroke="#7DD3FC" stroke-width="1.2" opacity="0.6"/>
|
||||
|
||||
<!-- Body content lines -->
|
||||
<rect x="28" y="76" width="50" height="5" rx="2.5" fill="#0EA5E9" opacity="0.3"/>
|
||||
<rect x="28" y="86" width="36" height="5" rx="2.5" fill="#0EA5E9" opacity="0.2"/>
|
||||
|
||||
<!-- Provider dots (Outlook=blue, Gmail=red, IMAP=purple) -->
|
||||
<circle cx="90" cy="81" r="11" fill="url(#ml-dot1)" stroke="white" stroke-width="2"/>
|
||||
<text x="90" y="86" text-anchor="middle" font-family="Segoe UI Variable, Segoe UI, sans-serif" font-size="11" font-weight="700" fill="white">G</text>
|
||||
|
||||
<circle cx="90" cy="81" r="11" fill="url(#ml-dot2)" stroke="white" stroke-width="2" transform="translate(-26,0)"/>
|
||||
<text x="64" y="86" text-anchor="middle" font-family="Segoe UI Variable, Segoe UI, sans-serif" font-size="10" font-weight="700" fill="white">O</text>
|
||||
|
||||
<circle cx="90" cy="81" r="11" fill="url(#ml-dot3)" stroke="white" stroke-width="2" transform="translate(-52,0)"/>
|
||||
<text x="38" y="86" text-anchor="middle" font-family="Segoe UI Variable, Segoe UI, sans-serif" font-size="10" font-weight="700" fill="white">@</text>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.6 KiB |
@@ -0,0 +1,48 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
|
||||
<defs>
|
||||
<linearGradient id="mo-star1" x1="0" y1="0" x2="1" y2="1">
|
||||
<stop offset="0%" stop-color="#FCD34D"/>
|
||||
<stop offset="100%" stop-color="#F59E0B"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="mo-star2" x1="0" y1="0" x2="1" y2="1">
|
||||
<stop offset="0%" stop-color="#93C5FD"/>
|
||||
<stop offset="100%" stop-color="#3B82F6"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="mo-star3" x1="0" y1="0" x2="1" y2="1">
|
||||
<stop offset="0%" stop-color="#C4B5FD"/>
|
||||
<stop offset="100%" stop-color="#7C3AED"/>
|
||||
</linearGradient>
|
||||
<filter id="mo-glow1" x="-30%" y="-30%" width="160%" height="160%">
|
||||
<feDropShadow dx="0" dy="3" stdDeviation="5" flood-color="#F59E0B" flood-opacity="0.4"/>
|
||||
</filter>
|
||||
<filter id="mo-glow2" x="-30%" y="-30%" width="160%" height="160%">
|
||||
<feDropShadow dx="0" dy="2" stdDeviation="4" flood-color="#3B82F6" flood-opacity="0.35"/>
|
||||
</filter>
|
||||
<filter id="mo-glow3" x="-30%" y="-30%" width="160%" height="160%">
|
||||
<feDropShadow dx="0" dy="2" stdDeviation="4" flood-color="#7C3AED" flood-opacity="0.35"/>
|
||||
</filter>
|
||||
</defs>
|
||||
|
||||
<!-- Large center star -->
|
||||
<polygon points="64,14 70,50 106,56 70,62 64,98 58,62 22,56 58,50"
|
||||
fill="url(#mo-star1)" filter="url(#mo-glow1)"/>
|
||||
|
||||
<!-- Star highlight -->
|
||||
<polygon points="64,20 68.5,48 92,52 68.5,56 64,84 59.5,56 36,52 59.5,48"
|
||||
fill="white" opacity="0.18"/>
|
||||
|
||||
<!-- Small star top-right -->
|
||||
<polygon points="98,18 100.5,28 110,30 100.5,32 98,42 95.5,32 86,30 95.5,28"
|
||||
fill="url(#mo-star2)" filter="url(#mo-glow2)"/>
|
||||
|
||||
<!-- Small star bottom-left -->
|
||||
<polygon points="28,82 30,90 38,92 30,94 28,102 26,94 18,92 26,90"
|
||||
fill="url(#mo-star3)" filter="url(#mo-glow3)"/>
|
||||
|
||||
<!-- Tiny sparkle dots -->
|
||||
<circle cx="104" cy="66" r="3" fill="#FCD34D" opacity="0.8"/>
|
||||
<circle cx="22" cy="44" r="2.5" fill="#93C5FD" opacity="0.8"/>
|
||||
<circle cx="110" cy="90" r="2" fill="#C4B5FD" opacity="0.7"/>
|
||||
<circle cx="18" cy="106" r="2" fill="#FCD34D" opacity="0.6"/>
|
||||
<circle cx="64" cy="108" r="2.5" fill="#93C5FD" opacity="0.6"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.1 KiB |
@@ -0,0 +1,45 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
|
||||
<defs>
|
||||
<linearGradient id="nb-bell" x1="0" y1="0" x2="1" y2="1">
|
||||
<stop offset="0%" stop-color="#FCD34D"/>
|
||||
<stop offset="100%" stop-color="#D97706"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="nb-badge" x1="0" y1="0" x2="1" y2="1">
|
||||
<stop offset="0%" stop-color="#F87171"/>
|
||||
<stop offset="100%" stop-color="#DC2626"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="nb-action" x1="0" y1="0" x2="1" y2="1">
|
||||
<stop offset="0%" stop-color="#60A5FA"/>
|
||||
<stop offset="100%" stop-color="#2563EB"/>
|
||||
</linearGradient>
|
||||
<filter id="nb-glow" x="-20%" y="-20%" width="140%" height="140%">
|
||||
<feDropShadow dx="0" dy="4" stdDeviation="7" flood-color="#D97706" flood-opacity="0.3"/>
|
||||
</filter>
|
||||
</defs>
|
||||
|
||||
<!-- Bell body -->
|
||||
<path d="M64 14 C64 14 40 18 38 52 L34 80 L94 80 L90 52 C88 18 64 14 64 14 Z"
|
||||
fill="url(#nb-bell)" filter="url(#nb-glow)"/>
|
||||
|
||||
<!-- Bell highlight -->
|
||||
<path d="M64 18 C64 18 52 22 50 46 L48 64 L72 64 C72 46 66 24 64 18 Z"
|
||||
fill="white" opacity="0.2"/>
|
||||
|
||||
<!-- Bell base / clapper mount -->
|
||||
<rect x="30" y="78" width="68" height="10" rx="5" fill="#B45309"/>
|
||||
|
||||
<!-- Clapper -->
|
||||
<circle cx="64" cy="100" r="8" fill="#92400E"/>
|
||||
<rect x="61" y="88" width="6" height="14" rx="3" fill="#B45309"/>
|
||||
|
||||
<!-- Notification badge -->
|
||||
<circle cx="92" cy="26" r="13" fill="url(#nb-badge)"/>
|
||||
<text x="92" y="31" text-anchor="middle" font-family="Segoe UI Variable, Segoe UI, sans-serif" font-size="13" font-weight="700" fill="white">3</text>
|
||||
|
||||
<!-- Action buttons (toast-like) -->
|
||||
<rect x="20" y="98" width="38" height="18" rx="7" fill="url(#nb-action)"/>
|
||||
<text x="39" y="111" text-anchor="middle" font-family="Segoe UI Variable, Segoe UI, sans-serif" font-size="9" font-weight="600" fill="white">Archive</text>
|
||||
|
||||
<rect x="64" y="98" width="38" height="18" rx="7" fill="white" stroke="#E5E7EB" stroke-width="1"/>
|
||||
<text x="83" y="111" text-anchor="middle" font-family="Segoe UI Variable, Segoe UI, sans-serif" font-size="9" font-weight="600" fill="#374151">Delete</text>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.1 KiB |
@@ -0,0 +1,43 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
|
||||
<defs>
|
||||
<linearGradient id="sh-outer" x1="0" y1="0" x2="1" y2="1">
|
||||
<stop offset="0%" stop-color="#6EE7B7"/>
|
||||
<stop offset="100%" stop-color="#059669"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="sh-inner" x1="0" y1="0" x2="0" y2="1">
|
||||
<stop offset="0%" stop-color="#A7F3D0" stop-opacity="0.9"/>
|
||||
<stop offset="100%" stop-color="#34D399" stop-opacity="0.6"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="sh-lock" x1="0" y1="0" x2="0" y2="1">
|
||||
<stop offset="0%" stop-color="#ECFDF5"/>
|
||||
<stop offset="100%" stop-color="#D1FAE5"/>
|
||||
</linearGradient>
|
||||
<filter id="sh-glow" x="-20%" y="-20%" width="140%" height="140%">
|
||||
<feDropShadow dx="0" dy="4" stdDeviation="8" flood-color="#059669" flood-opacity="0.25"/>
|
||||
</filter>
|
||||
</defs>
|
||||
|
||||
<!-- Shield outer -->
|
||||
<path d="M64 10 L106 28 L106 68 C106 92 86 112 64 118 C42 112 22 92 22 68 L22 28 Z"
|
||||
fill="url(#sh-outer)" filter="url(#sh-glow)"/>
|
||||
|
||||
<!-- Shield inner highlight -->
|
||||
<path d="M64 18 L100 34 L100 68 C100 88 83 106 64 112 C45 106 28 88 28 68 L28 34 Z"
|
||||
fill="url(#sh-inner)" opacity="0.6"/>
|
||||
|
||||
<!-- Lock body -->
|
||||
<rect x="50" y="62" width="28" height="22" rx="6" fill="url(#sh-lock)"/>
|
||||
|
||||
<!-- Lock shackle -->
|
||||
<path d="M56 62 L56 54 A8 8 0 0 1 72 54 L72 62"
|
||||
fill="none" stroke="white" stroke-width="5" stroke-linecap="round"/>
|
||||
|
||||
<!-- Keyhole -->
|
||||
<circle cx="64" cy="71" r="4" fill="#059669"/>
|
||||
<rect x="62" y="72" width="4" height="7" rx="2" fill="#059669"/>
|
||||
|
||||
<!-- Check sparkles -->
|
||||
<circle cx="94" cy="28" r="3" fill="white" opacity="0.7"/>
|
||||
<circle cx="106" cy="44" r="2" fill="white" opacity="0.5"/>
|
||||
<circle cx="34" cy="44" r="2" fill="white" opacity="0.5"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.8 KiB |
@@ -0,0 +1,49 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
|
||||
<defs>
|
||||
<linearGradient id="th-env3" x1="0" y1="0" x2="0" y2="1">
|
||||
<stop offset="0%" stop-color="#E0E7FF"/>
|
||||
<stop offset="100%" stop-color="#C7D2FE"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="th-env2" x1="0" y1="0" x2="0" y2="1">
|
||||
<stop offset="0%" stop-color="#EDE9FE"/>
|
||||
<stop offset="100%" stop-color="#DDD6FE"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="th-env1" x1="0" y1="0" x2="1" y2="1">
|
||||
<stop offset="0%" stop-color="#818CF8"/>
|
||||
<stop offset="100%" stop-color="#4F46E5"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="th-flap" x1="0" y1="0" x2="0" y2="1">
|
||||
<stop offset="0%" stop-color="#6366F1"/>
|
||||
<stop offset="100%" stop-color="#4338CA"/>
|
||||
</linearGradient>
|
||||
<filter id="th-shadow" x="-10%" y="-10%" width="130%" height="130%">
|
||||
<feDropShadow dx="0" dy="4" stdDeviation="6" flood-color="#4F46E5" flood-opacity="0.2"/>
|
||||
</filter>
|
||||
</defs>
|
||||
|
||||
<!-- Back envelope (bottom-most) -->
|
||||
<rect x="18" y="38" width="80" height="52" rx="8" fill="url(#th-env3)" opacity="0.8"/>
|
||||
<path d="M18 46 L58 66 L98 46" fill="none" stroke="#A5B4FC" stroke-width="1.5" stroke-linejoin="round"/>
|
||||
|
||||
<!-- Middle envelope -->
|
||||
<rect x="24" y="30" width="80" height="52" rx="8" fill="url(#th-env2)" opacity="0.9"/>
|
||||
<path d="M24 38 L64 58 L104 38" fill="none" stroke="#C4B5FD" stroke-width="1.5" stroke-linejoin="round"/>
|
||||
|
||||
<!-- Front envelope -->
|
||||
<rect x="30" y="22" width="80" height="52" rx="10" fill="url(#th-env1)" filter="url(#th-shadow)"/>
|
||||
|
||||
<!-- Front flap (triangle) -->
|
||||
<path d="M30 32 L70 52 L110 32 L110 30 A10 10 0 0 0 100 22 L40 22 A10 10 0 0 0 30 30 Z"
|
||||
fill="url(#th-flap)"/>
|
||||
|
||||
<!-- Dividing line on front -->
|
||||
<path d="M30 38 L70 57 L110 38" fill="none" stroke="#818CF8" stroke-width="1" opacity="0.5"/>
|
||||
|
||||
<!-- Lines in body -->
|
||||
<rect x="42" y="56" width="40" height="4" rx="2" fill="white" opacity="0.35"/>
|
||||
<rect x="42" y="64" width="28" height="4" rx="2" fill="white" opacity="0.25"/>
|
||||
|
||||
<!-- Reply indicator dot -->
|
||||
<circle cx="100" cy="84" r="12" fill="#4F46E5"/>
|
||||
<path d="M95 84 L101 78 M101 78 L101 90 M101 78 L107 84" fill="none" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.3 KiB |