brand: enlarge blue Magikoopa robe on Forgejo logo

Clearer classic blue robe and hat for Kamek-inspired logo/favicon;
cleaner SVG without filters for reliable PNG export.
This commit is contained in:
Hernâni Marques 2026-07-10 16:17:40 +02:00
parent 3fd59dfae1
commit 857eda1cfc
No known key found for this signature in database
3 changed files with 134 additions and 178 deletions

View file

@ -1,101 +1,79 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128" role="img" aria-label="Kamek-inspired wizard logo"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128" role="img" aria-label="Kamek-inspired wizard with blue robe">
<defs> <!-- Original design inspired by Magikoopa wizards; not Nintendo artwork -->
<linearGradient id="robe" x1="20%" y1="0%" x2="80%" y2="100%">
<stop offset="0%" stop-color="#3b82f6"/>
<stop offset="45%" stop-color="#1d4ed8"/>
<stop offset="100%" stop-color="#1e40af"/>
</linearGradient>
<linearGradient id="hat" x1="0%" y1="100%" x2="100%" y2="0%">
<stop offset="0%" stop-color="#1d4ed8"/>
<stop offset="100%" stop-color="#3b82f6"/>
</linearGradient>
<linearGradient id="shell" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#4ade80"/>
<stop offset="100%" stop-color="#15803d"/>
</linearGradient>
<radialGradient id="jewel" cx="40%" cy="35%" r="65%">
<stop offset="0%" stop-color="#fef08a"/>
<stop offset="55%" stop-color="#f59e0b"/>
<stop offset="100%" stop-color="#b45309"/>
</radialGradient>
<radialGradient id="glow" cx="50%" cy="50%" r="50%">
<stop offset="0%" stop-color="#fde68a" stop-opacity="0.85"/>
<stop offset="70%" stop-color="#38bdf8" stop-opacity="0.25"/>
<stop offset="100%" stop-color="#38bdf8" stop-opacity="0"/>
</radialGradient>
<filter id="soft" x="-20%" y="-20%" width="140%" height="140%">
<feDropShadow dx="0" dy="2" stdDeviation="2" flood-color="#0f172a" flood-opacity="0.35"/>
</filter>
</defs>
<!-- soft magic glow (favicon-safe, still readable) --> <!-- magic glow -->
<circle cx="102" cy="30" r="20" fill="url(#glow)"/> <circle cx="104" cy="26" r="18" fill="#fde68a" opacity="0.35"/>
<circle cx="104" cy="26" r="10" fill="#38bdf8" opacity="0.2"/>
<!-- wand --> <!-- wand (behind figure slightly) -->
<g filter="url(#soft)"> <line x1="88" y1="110" x2="108" y2="34" stroke="#e8a838" stroke-width="6" stroke-linecap="round"/>
<rect x="94" y="40" width="7" height="70" rx="3.5" fill="#e8a838" transform="rotate(-22 97.5 75)"/> <circle cx="110" cy="28" r="11" fill="#f59e0b" stroke="#fff6e8" stroke-width="2.5"/>
<circle cx="108" cy="28" r="12" fill="url(#jewel)" stroke="#fff6e8" stroke-width="2"/> <circle cx="106" cy="24" r="3.5" fill="#fef9c3"/>
<circle cx="104" cy="24" r="3.5" fill="#fffbeb" opacity="0.9"/> <!-- sparkles -->
<!-- star sparkles --> <polygon points="120,12 122,18 128,20 122,22 120,28 118,22 112,20 118,18" fill="#fef08a"/>
<path d="M118 18 l2 5 5 2 -5 2 -2 5 -2 -5 -5 -2 5 -2 z" fill="#fef08a"/> <polygon points="94,10 95.2,14 99,15.2 95.2,16.4 94,20.5 92.8,16.4 89,15.2 92.8,14" fill="#5eead4"/>
<path d="M96 14 l1.4 3.2 3.2 1.4 -3.2 1.4 -1.4 3.2 -1.4 -3.2 -3.2 -1.4 3.2 -1.4 z" fill="#5eead4"/>
</g>
<!-- body / blue magikoopa robe --> <!-- BLUE ROBE (large, classic Magikoopa blue) -->
<g filter="url(#soft)"> <ellipse cx="52" cy="96" rx="40" ry="30" fill="#1d4ed8"/>
<ellipse cx="52" cy="92" rx="36" ry="28" fill="url(#robe)"/> <ellipse cx="52" cy="94" rx="36" ry="26" fill="#2563eb"/>
<!-- white robe trim --> <!-- robe folds -->
<path d="M28 78 Q52 98 76 78" fill="none" stroke="#f8fafc" stroke-width="4" stroke-linecap="round"/> <path d="M28 88 Q52 112 76 88" fill="none" stroke="#1e3a8a" stroke-width="3" stroke-linecap="round" opacity="0.55"/>
<path d="M34 88 Q52 104 70 88" fill="none" stroke="#e2e8f0" stroke-width="3" stroke-linecap="round" opacity="0.9"/> <path d="M34 78 Q52 96 70 78" fill="none" stroke="#3b82f6" stroke-width="2.5" stroke-linecap="round" opacity="0.7"/>
<!-- green shell peek --> <!-- white trim (Magikoopa collar/edge) -->
<ellipse cx="52" cy="100" rx="16" ry="12" fill="url(#shell)" stroke="#14532d" stroke-width="1.5"/> <path d="M22 78 Q52 102 82 78" fill="none" stroke="#f8fafc" stroke-width="5" stroke-linecap="round"/>
<ellipse cx="52" cy="100" rx="7" ry="5" fill="#86efac" opacity="0.55"/> <path d="M30 86 Q52 106 74 86" fill="none" stroke="#e2e8f0" stroke-width="3" stroke-linecap="round"/>
</g>
<!-- head (koopa yellow) --> <!-- green shell peek at bottom -->
<g filter="url(#soft)"> <ellipse cx="52" cy="108" rx="18" ry="12" fill="#16a34a"/>
<ellipse cx="52" cy="54" rx="30" ry="27" fill="#fbbf24"/> <ellipse cx="52" cy="108" rx="10" ry="6" fill="#4ade80" opacity="0.65"/>
<ellipse cx="52" cy="58" rx="24" ry="20" fill="#fcd34d"/> <ellipse cx="52" cy="108" rx="4" ry="3" fill="#bbf7d0"/>
<!-- cheeks -->
<ellipse cx="30" cy="60" rx="6" ry="4" fill="#f97316" opacity="0.35"/>
<ellipse cx="74" cy="60" rx="6" ry="4" fill="#f97316" opacity="0.35"/>
</g>
<!-- round spectacles (Kamek signature) --> <!-- hands peaking from sleeves (yellow) -->
<g stroke="#0f172a" stroke-width="3.2" fill="rgba(186,230,253,0.35)"> <ellipse cx="22" cy="96" rx="8" ry="6" fill="#fbbf24"/>
<circle cx="38" cy="54" r="11"/> <ellipse cx="82" cy="96" rx="8" ry="6" fill="#fbbf24"/>
<circle cx="66" cy="54" r="11"/>
<path d="M49 54h6" fill="none"/>
<path d="M27 52 L18 48" fill="none" stroke-linecap="round"/>
<path d="M77 52 L86 48" fill="none" stroke-linecap="round"/>
</g>
<!-- pupils -->
<circle cx="40" cy="55" r="3.2" fill="#0f172a"/>
<circle cx="68" cy="55" r="3.2" fill="#0f172a"/>
<circle cx="41.2" cy="53.8" r="1.1" fill="#fff"/>
<circle cx="69.2" cy="53.8" r="1.1" fill="#fff"/>
<!-- small snout / beak --> <!-- head -->
<ellipse cx="52" cy="68" rx="9" ry="5.5" fill="#f59e0b" stroke="#b45309" stroke-width="1"/> <ellipse cx="52" cy="56" rx="32" ry="28" fill="#fbbf24"/>
<ellipse cx="52" cy="67" rx="4" ry="2" fill="#fde68a" opacity="0.7"/> <ellipse cx="52" cy="60" rx="26" ry="20" fill="#fcd34d"/>
<!-- cheeks -->
<ellipse cx="28" cy="62" rx="7" ry="5" fill="#fb923c" opacity="0.4"/>
<ellipse cx="76" cy="62" rx="7" ry="5" fill="#fb923c" opacity="0.4"/>
<!-- white mustache / chin fluff --> <!-- round glasses -->
<path d="M34 72 Q42 80 52 76 Q62 80 70 72 Q64 78 52 80 Q40 78 34 72 Z" fill="#f8fafc" stroke="#e2e8f0" stroke-width="1"/> <circle cx="36" cy="56" r="12" fill="#bae6fd" fill-opacity="0.45" stroke="#0f172a" stroke-width="3.5"/>
<circle cx="68" cy="56" r="12" fill="#bae6fd" fill-opacity="0.45" stroke="#0f172a" stroke-width="3.5"/>
<line x1="48" y1="56" x2="56" y2="56" stroke="#0f172a" stroke-width="3.5"/>
<line x1="24" y1="52" x2="16" y2="46" stroke="#0f172a" stroke-width="3" stroke-linecap="round"/>
<line x1="80" y1="52" x2="88" y2="46" stroke="#0f172a" stroke-width="3" stroke-linecap="round"/>
<!-- eyes -->
<circle cx="38" cy="57" r="3.5" fill="#0f172a"/>
<circle cx="70" cy="57" r="3.5" fill="#0f172a"/>
<circle cx="39.3" cy="55.5" r="1.2" fill="#fff"/>
<circle cx="71.3" cy="55.5" r="1.2" fill="#fff"/>
<!-- pointed wizard hat --> <!-- snout -->
<g filter="url(#soft)"> <ellipse cx="52" cy="70" rx="10" ry="6" fill="#f59e0b"/>
<path d="M22 48 Q52 -2 82 48 L72 50 Q52 18 34 50 Z" fill="url(#hat)" stroke="#1e40af" stroke-width="1"/> <ellipse cx="52" cy="69" rx="5" ry="2.5" fill="#fde68a" opacity="0.75"/>
<!-- hat brim -->
<ellipse cx="52" cy="48" rx="34" ry="9" fill="#1d4ed8" stroke="#1e40af" stroke-width="1"/> <!-- white mustache fluff -->
<ellipse cx="52" cy="46.5" rx="30" ry="5" fill="#3b82f6" opacity="0.45"/> <path d="M30 74 Q40 84 52 80 Q64 84 74 74 Q66 82 52 84 Q38 82 30 74 Z" fill="#f8fafc"/>
<!-- white stars on hat -->
<path d="M58 22 l2.2 5.5 5.5 2.2 -5.5 2.2 -2.2 5.5 -2.2 -5.5 -5.5 -2.2 5.5 -2.2 z" fill="#f8fafc"/> <!-- BLUE pointed wizard hat -->
<path d="M42 30 l1.5 3.6 3.6 1.5 -3.6 1.5 -1.5 3.6 -1.5 -3.6 -3.6 -1.5 3.6 -1.5 z" fill="#fef08a"/> <path d="M18 50 L52 2 L86 50 Z" fill="#1d4ed8"/>
<!-- hat tip ball --> <path d="M28 50 L52 12 L76 50 Z" fill="#3b82f6" opacity="0.55"/>
<circle cx="68" cy="10" r="6" fill="#f8fafc" stroke="#e2e8f0" stroke-width="1"/> <!-- brim -->
</g> <ellipse cx="52" cy="50" rx="38" ry="10" fill="#1e40af"/>
<ellipse cx="52" cy="48" rx="34" ry="7" fill="#2563eb"/>
<!-- white brim edge -->
<ellipse cx="52" cy="50" rx="38" ry="10" fill="none" stroke="#f8fafc" stroke-width="2.5"/>
<!-- stars on hat -->
<polygon points="52,16 54,22 60,24 54,26 52,32 50,26 44,24 50,22" fill="#f8fafc"/>
<polygon points="38,28 39.2,31.5 42.5,32.8 39.2,34 38,37.5 36.8,34 33.5,32.8 36.8,31.5" fill="#fef08a"/>
<!-- hat tip pom -->
<circle cx="52" cy="4" r="7" fill="#f8fafc"/>
<circle cx="50" cy="2" r="2.5" fill="#e2e8f0"/>
<!-- smile --> <!-- smile -->
<path d="M42 74 Q52 82 62 74" fill="none" stroke="#92400e" stroke-width="2.2" stroke-linecap="round"/> <path d="M40 76 Q52 86 64 76" fill="none" stroke="#92400e" stroke-width="2.5" stroke-linecap="round"/>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 4.8 KiB

After

Width:  |  Height:  |  Size: 4.1 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 80 KiB

After

Width:  |  Height:  |  Size: 67 KiB

Before After
Before After

View file

@ -1,101 +1,79 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128" role="img" aria-label="Kamek-inspired wizard logo"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128" role="img" aria-label="Kamek-inspired wizard with blue robe">
<defs> <!-- Original design inspired by Magikoopa wizards; not Nintendo artwork -->
<linearGradient id="robe" x1="20%" y1="0%" x2="80%" y2="100%">
<stop offset="0%" stop-color="#3b82f6"/>
<stop offset="45%" stop-color="#1d4ed8"/>
<stop offset="100%" stop-color="#1e40af"/>
</linearGradient>
<linearGradient id="hat" x1="0%" y1="100%" x2="100%" y2="0%">
<stop offset="0%" stop-color="#1d4ed8"/>
<stop offset="100%" stop-color="#3b82f6"/>
</linearGradient>
<linearGradient id="shell" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#4ade80"/>
<stop offset="100%" stop-color="#15803d"/>
</linearGradient>
<radialGradient id="jewel" cx="40%" cy="35%" r="65%">
<stop offset="0%" stop-color="#fef08a"/>
<stop offset="55%" stop-color="#f59e0b"/>
<stop offset="100%" stop-color="#b45309"/>
</radialGradient>
<radialGradient id="glow" cx="50%" cy="50%" r="50%">
<stop offset="0%" stop-color="#fde68a" stop-opacity="0.85"/>
<stop offset="70%" stop-color="#38bdf8" stop-opacity="0.25"/>
<stop offset="100%" stop-color="#38bdf8" stop-opacity="0"/>
</radialGradient>
<filter id="soft" x="-20%" y="-20%" width="140%" height="140%">
<feDropShadow dx="0" dy="2" stdDeviation="2" flood-color="#0f172a" flood-opacity="0.35"/>
</filter>
</defs>
<!-- soft magic glow (favicon-safe, still readable) --> <!-- magic glow -->
<circle cx="102" cy="30" r="20" fill="url(#glow)"/> <circle cx="104" cy="26" r="18" fill="#fde68a" opacity="0.35"/>
<circle cx="104" cy="26" r="10" fill="#38bdf8" opacity="0.2"/>
<!-- wand --> <!-- wand (behind figure slightly) -->
<g filter="url(#soft)"> <line x1="88" y1="110" x2="108" y2="34" stroke="#e8a838" stroke-width="6" stroke-linecap="round"/>
<rect x="94" y="40" width="7" height="70" rx="3.5" fill="#e8a838" transform="rotate(-22 97.5 75)"/> <circle cx="110" cy="28" r="11" fill="#f59e0b" stroke="#fff6e8" stroke-width="2.5"/>
<circle cx="108" cy="28" r="12" fill="url(#jewel)" stroke="#fff6e8" stroke-width="2"/> <circle cx="106" cy="24" r="3.5" fill="#fef9c3"/>
<circle cx="104" cy="24" r="3.5" fill="#fffbeb" opacity="0.9"/> <!-- sparkles -->
<!-- star sparkles --> <polygon points="120,12 122,18 128,20 122,22 120,28 118,22 112,20 118,18" fill="#fef08a"/>
<path d="M118 18 l2 5 5 2 -5 2 -2 5 -2 -5 -5 -2 5 -2 z" fill="#fef08a"/> <polygon points="94,10 95.2,14 99,15.2 95.2,16.4 94,20.5 92.8,16.4 89,15.2 92.8,14" fill="#5eead4"/>
<path d="M96 14 l1.4 3.2 3.2 1.4 -3.2 1.4 -1.4 3.2 -1.4 -3.2 -3.2 -1.4 3.2 -1.4 z" fill="#5eead4"/>
</g>
<!-- body / blue magikoopa robe --> <!-- BLUE ROBE (large, classic Magikoopa blue) -->
<g filter="url(#soft)"> <ellipse cx="52" cy="96" rx="40" ry="30" fill="#1d4ed8"/>
<ellipse cx="52" cy="92" rx="36" ry="28" fill="url(#robe)"/> <ellipse cx="52" cy="94" rx="36" ry="26" fill="#2563eb"/>
<!-- white robe trim --> <!-- robe folds -->
<path d="M28 78 Q52 98 76 78" fill="none" stroke="#f8fafc" stroke-width="4" stroke-linecap="round"/> <path d="M28 88 Q52 112 76 88" fill="none" stroke="#1e3a8a" stroke-width="3" stroke-linecap="round" opacity="0.55"/>
<path d="M34 88 Q52 104 70 88" fill="none" stroke="#e2e8f0" stroke-width="3" stroke-linecap="round" opacity="0.9"/> <path d="M34 78 Q52 96 70 78" fill="none" stroke="#3b82f6" stroke-width="2.5" stroke-linecap="round" opacity="0.7"/>
<!-- green shell peek --> <!-- white trim (Magikoopa collar/edge) -->
<ellipse cx="52" cy="100" rx="16" ry="12" fill="url(#shell)" stroke="#14532d" stroke-width="1.5"/> <path d="M22 78 Q52 102 82 78" fill="none" stroke="#f8fafc" stroke-width="5" stroke-linecap="round"/>
<ellipse cx="52" cy="100" rx="7" ry="5" fill="#86efac" opacity="0.55"/> <path d="M30 86 Q52 106 74 86" fill="none" stroke="#e2e8f0" stroke-width="3" stroke-linecap="round"/>
</g>
<!-- head (koopa yellow) --> <!-- green shell peek at bottom -->
<g filter="url(#soft)"> <ellipse cx="52" cy="108" rx="18" ry="12" fill="#16a34a"/>
<ellipse cx="52" cy="54" rx="30" ry="27" fill="#fbbf24"/> <ellipse cx="52" cy="108" rx="10" ry="6" fill="#4ade80" opacity="0.65"/>
<ellipse cx="52" cy="58" rx="24" ry="20" fill="#fcd34d"/> <ellipse cx="52" cy="108" rx="4" ry="3" fill="#bbf7d0"/>
<!-- cheeks -->
<ellipse cx="30" cy="60" rx="6" ry="4" fill="#f97316" opacity="0.35"/>
<ellipse cx="74" cy="60" rx="6" ry="4" fill="#f97316" opacity="0.35"/>
</g>
<!-- round spectacles (Kamek signature) --> <!-- hands peaking from sleeves (yellow) -->
<g stroke="#0f172a" stroke-width="3.2" fill="rgba(186,230,253,0.35)"> <ellipse cx="22" cy="96" rx="8" ry="6" fill="#fbbf24"/>
<circle cx="38" cy="54" r="11"/> <ellipse cx="82" cy="96" rx="8" ry="6" fill="#fbbf24"/>
<circle cx="66" cy="54" r="11"/>
<path d="M49 54h6" fill="none"/>
<path d="M27 52 L18 48" fill="none" stroke-linecap="round"/>
<path d="M77 52 L86 48" fill="none" stroke-linecap="round"/>
</g>
<!-- pupils -->
<circle cx="40" cy="55" r="3.2" fill="#0f172a"/>
<circle cx="68" cy="55" r="3.2" fill="#0f172a"/>
<circle cx="41.2" cy="53.8" r="1.1" fill="#fff"/>
<circle cx="69.2" cy="53.8" r="1.1" fill="#fff"/>
<!-- small snout / beak --> <!-- head -->
<ellipse cx="52" cy="68" rx="9" ry="5.5" fill="#f59e0b" stroke="#b45309" stroke-width="1"/> <ellipse cx="52" cy="56" rx="32" ry="28" fill="#fbbf24"/>
<ellipse cx="52" cy="67" rx="4" ry="2" fill="#fde68a" opacity="0.7"/> <ellipse cx="52" cy="60" rx="26" ry="20" fill="#fcd34d"/>
<!-- cheeks -->
<ellipse cx="28" cy="62" rx="7" ry="5" fill="#fb923c" opacity="0.4"/>
<ellipse cx="76" cy="62" rx="7" ry="5" fill="#fb923c" opacity="0.4"/>
<!-- white mustache / chin fluff --> <!-- round glasses -->
<path d="M34 72 Q42 80 52 76 Q62 80 70 72 Q64 78 52 80 Q40 78 34 72 Z" fill="#f8fafc" stroke="#e2e8f0" stroke-width="1"/> <circle cx="36" cy="56" r="12" fill="#bae6fd" fill-opacity="0.45" stroke="#0f172a" stroke-width="3.5"/>
<circle cx="68" cy="56" r="12" fill="#bae6fd" fill-opacity="0.45" stroke="#0f172a" stroke-width="3.5"/>
<line x1="48" y1="56" x2="56" y2="56" stroke="#0f172a" stroke-width="3.5"/>
<line x1="24" y1="52" x2="16" y2="46" stroke="#0f172a" stroke-width="3" stroke-linecap="round"/>
<line x1="80" y1="52" x2="88" y2="46" stroke="#0f172a" stroke-width="3" stroke-linecap="round"/>
<!-- eyes -->
<circle cx="38" cy="57" r="3.5" fill="#0f172a"/>
<circle cx="70" cy="57" r="3.5" fill="#0f172a"/>
<circle cx="39.3" cy="55.5" r="1.2" fill="#fff"/>
<circle cx="71.3" cy="55.5" r="1.2" fill="#fff"/>
<!-- pointed wizard hat --> <!-- snout -->
<g filter="url(#soft)"> <ellipse cx="52" cy="70" rx="10" ry="6" fill="#f59e0b"/>
<path d="M22 48 Q52 -2 82 48 L72 50 Q52 18 34 50 Z" fill="url(#hat)" stroke="#1e40af" stroke-width="1"/> <ellipse cx="52" cy="69" rx="5" ry="2.5" fill="#fde68a" opacity="0.75"/>
<!-- hat brim -->
<ellipse cx="52" cy="48" rx="34" ry="9" fill="#1d4ed8" stroke="#1e40af" stroke-width="1"/> <!-- white mustache fluff -->
<ellipse cx="52" cy="46.5" rx="30" ry="5" fill="#3b82f6" opacity="0.45"/> <path d="M30 74 Q40 84 52 80 Q64 84 74 74 Q66 82 52 84 Q38 82 30 74 Z" fill="#f8fafc"/>
<!-- white stars on hat -->
<path d="M58 22 l2.2 5.5 5.5 2.2 -5.5 2.2 -2.2 5.5 -2.2 -5.5 -5.5 -2.2 5.5 -2.2 z" fill="#f8fafc"/> <!-- BLUE pointed wizard hat -->
<path d="M42 30 l1.5 3.6 3.6 1.5 -3.6 1.5 -1.5 3.6 -1.5 -3.6 -3.6 -1.5 3.6 -1.5 z" fill="#fef08a"/> <path d="M18 50 L52 2 L86 50 Z" fill="#1d4ed8"/>
<!-- hat tip ball --> <path d="M28 50 L52 12 L76 50 Z" fill="#3b82f6" opacity="0.55"/>
<circle cx="68" cy="10" r="6" fill="#f8fafc" stroke="#e2e8f0" stroke-width="1"/> <!-- brim -->
</g> <ellipse cx="52" cy="50" rx="38" ry="10" fill="#1e40af"/>
<ellipse cx="52" cy="48" rx="34" ry="7" fill="#2563eb"/>
<!-- white brim edge -->
<ellipse cx="52" cy="50" rx="38" ry="10" fill="none" stroke="#f8fafc" stroke-width="2.5"/>
<!-- stars on hat -->
<polygon points="52,16 54,22 60,24 54,26 52,32 50,26 44,24 50,22" fill="#f8fafc"/>
<polygon points="38,28 39.2,31.5 42.5,32.8 39.2,34 38,37.5 36.8,34 33.5,32.8 36.8,31.5" fill="#fef08a"/>
<!-- hat tip pom -->
<circle cx="52" cy="4" r="7" fill="#f8fafc"/>
<circle cx="50" cy="2" r="2.5" fill="#e2e8f0"/>
<!-- smile --> <!-- smile -->
<path d="M42 74 Q52 82 62 74" fill="none" stroke="#92400e" stroke-width="2.2" stroke-linecap="round"/> <path d="M40 76 Q52 86 64 76" fill="none" stroke="#92400e" stroke-width="2.5" stroke-linecap="round"/>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 4.8 KiB

After

Width:  |  Height:  |  Size: 4.1 KiB

Before After
Before After