"Generate an SVG of a unicorn. Reply with only the SVG code."
Creating unicorn SVG
I need to focus on outputting just the SVG code for a unicorn. I’m thinking about constructing a 512x512 square and including gradients to enhance the design. The unicorn should feature its head profile, mane, horn, and eye. I’ll make sure that the SVG code is valid since accuracy is essential. It’s really all about capturing that beautiful, magical essence while also maintaining technical correctness in the code!
Creating unicorn SVG
I need to focus on outputting just the SVG format. I'm aiming to create a nice unicorn graphic, ensuring it's valid. It should be an 800x800 size with a pastel color scheme and gradients. I definitely want to keep it simple and stick to coding only—no markdown at all. This is an interesting challenge, and I really want to make sure I get it right while paying attention to those details!
Creating SVG for Unicorn
I need to output only the SVG code for a unicorn. I want to make sure that the code is valid and includes details like gradients and paths. It could have a white-ish background at dimensions of 600x500. The unicorn should be in a side profile, facing right, with features like the body, neck, head, horn, mane, legs, and tail all represented with paths. I’ll keep it visually appealing and straightforward for the user.
The user wants an SVG of a unicorn. I should reply with only the SVG code, no explanation.
Let me create a nice unicorn SVG. I'll design a side-profile unicorn with:
Let me write clean SVG code:
Let me be more careful with coordinates. I'll make a unicorn facing left, standing.
Body: ellipse centered at (210, 260), rx=80, ry=50. Legs: four legs from bottom of body down to y=340. Use rounded rects. Neck: from body front (left side) up to head. Head at around (110, 160). Head: rounded shape with muzzle. Horn: triangle above head pointing up-left, gold. Ear: small triangle. Mane: flowing shape along neck, rainbow colors or purple/pink gradient. Tail: flowing from rear (right side), rainbow. Eye: closed happy eye or open with lashes. Hooves: darker color. Sparkles: stars around.
Let me draft coordinates:
ViewBox 0 0 400 400.
Background circle: cx=200 cy=200 r=185 fill #f3e8ff or soft pink.
Tail (right side): path starting around (285, 235), curving out to (350, 200) then down to (330, 290) and back. Multiple colored paths layered for rainbow effect.
Body: ellipse cx=215 cy=265 rx=78 ry=48, white fill.
Legs: rounded rectangles x from 155-175, 185-205, 240-260, 265-285, y from 295 to 345. Hooves slightly purple.
Actually to look nice, legs attach under body. Body bottom at y≈313. Legs y=290 to 345, width 16.
Neck: path from (160, 250) up to head at (115, 165). Use a polygon/path: M 150 250 Q 130 210 115 175 ... thickness.
Simpler: draw neck as a rotated rounded rect or path: M 150 260 C 140 220, 125 195, 108 175 L 140 150 C 155 175, 170 210, 185 250 Z
Head: ellipse or path at around (105, 155). Head shape: M 75 170 Q 70 150 90 140 Q 115 128 135 142 Q 148 152 143 165 Q 130 185 105 185 Q 82 183 75 170 Z
Muzzle: lighter pink circle at (80, 170).
Ear: triangle at (120, 125): M 115 132 L 122 108 L 135 128 Z
Horn: from top of head around (100, 130) pointing up-left to (75, 75). Polygon: M 95 135 L 70 70 L 110 122 Z with gold gradient and spiral lines.
Mane: flowing from head down neck: path along right side of neck, wavy. Colors: use gradient pink-purple-blue.
Mane path: M 120 115 Q 150 120 155 150 Q 185 160 175 195 Q 200 210 185 245 Q 160 230 165 205 Q 140 190 150 160 Q 125 145 120 115 Z — something wavy. Alternatively simpler: series of curved strands.
Maybe easier: mane as a wavy blob behind neck: M 130 118 C 160 125 165 145 160 160 C 185 170 185 195 172 205 C 195 215 195 240 178 250 C 160 245 155 225 160 215 C 140 205 138 185 148 175 C 128 160 122 135 130 118 Z Fill with linearGradient from pink to purple.
Also a forelock tuft between ear and horn.
Tail: M 288 230 C 320 210 350 215 355 245 C 360 275 340 300 315 305 C 330 285 335 265 325 250 C 312 240 298 240 288 245 Z Plus inner strands with different colors.
Rainbow tail: three layered paths: outer pink, middle purple, inner blue.
Eye: closed eye with lashes at (110, 152): path M 102 152 Q 110 158 118 152 stroke, plus lashes. Or open eye: circle with highlight. Cute style: closed happy eye.
Nostril: small dot at (78, 172). Smile: small curve at muzzle.
Hooves: bottom 8px of legs in lavender.
Sparkles: 4-point stars (paths) at various spots, gold/pink.
Ground shadow: ellipse under legs, light purple, opacity.
Blush: pink circle on cheek, opacity.
Let me also add a gradient definition for horn gold: linearGradient gold (#ffd700 to #ffaa00). Mane gradient: #ff9de2 to #a78bfa to #7dd3fc (rainbow-ish pastel).
Let me finalize the code carefully.
Wait, check legs ordering: far legs drawn first (behind body), then body, then near legs. Actually far legs behind body, near legs in front of body. I have back legs group, body, front legs group — good.
Neck: drawn after body — should be in front of body, ok. Head overlapping neck top. Mane drawn last, over neck — good.
Check horn spiral lines: The horn polygon: M96 132 L 68 58 L 116 120 Z. Lines across it: at heights... horn spans from (68,58) tip to base around (96,132)-(116,120). Lines should cross the horn horizontally-ish. Midpoints: at y≈95, x from ~77 to ~103? Let me compute: left edge from (96,132) to (68,58): param t from 0 at base to 1 at tip: x = 96-28t, y=132-74t. Right edge from (116,120) to (68,58): x=116-48t, y=120-62t.
At t=0.3: left (87.6, 109.8), right (101.6, 101.4). Line between: M88 110 L101 101. At t=0.6: left (79.2, 87.6), right (87.2, 82.8). Line: M79 88 L87 83. At t=0.85: left (72.2, 69.1), right (75.2, 67.3). Line: M72 69 L75 67.
Let me use those.
Also mane shape — it's approximate but should look like a flowing mane. Fine.
Tail base at (285, 232)-(285,248) attaches to body right side (body right edge at cx+rx=292). Good.
Ear at (124-146, 106-134) — top of head around y=130 at x~110-140. Good.
Horn base covers (96,132)-(116,120), on top of head front. Head front is around x=72-106 at y 130-184. Horn base at 96-116, ok overlapping head top.
Forelock near (82-118, 94-120) overlapping horn base — draw order: ear, horn, mane, forelock. Forelock after horn covers part of horn base — cute.
Sparkles positions within circle r=185 centered 200,200: (70,90): distance sqrt(130²+110²)=170 < 185 ok. (330,100): sqrt(130²+100²)=164 ok. (55,220): sqrt(145²+20²)=146 ok. (345,180): sqrt(145²+20²)=146 ok. (90,140): sqrt(110²+60²)=125 ok. (320,60): sqrt(120²+140²)=184 — borderline, r=185, circle at edge. Move to (315,70): sqrt(115²+130²)=173.5 ok.
Hooves at y 338-350, shadow ellipse at cy 352 rx 95 — legs end at 348 (rect y338 height12 => 350). Hooves: y=338 height=12 → bottom 350. Shadow at 352 ok.
Legs: front near leg x150-167, x175-192 far? Actually I set near front leg white at x=150, far front leg light at x=175. Hmm, far legs should be behind body and slightly lighter (f3e8ff). Order in code: back legs group (far hind at 255 light, near hind at 230 white), then body, then front legs group (far front 175 light, near front 150 white). But front legs drawn after body means both front legs in front of body — far front should be behind body. Minor visual issue; acceptable, or reorder: draw far hind, far front, body, near hind, near front. Let me restructure:
Far legs (behind body): hind far at x=255, front far at x=172, fill #f3e8ff, slightly shorter? Same.
Then body. Then near legs: hind near x=230 white, front near x=148 white.
Hooves: far hooves #c084fc, near hooves #a78bfa? Actually near should be darker for contrast... Either fine. I'll make near hooves #a78bfa, far #c084fc? Hmm, darker = closer typically. Keep it.
Leg positions: body ellipse cx 212 rx 80 → spans x 132–292. Legs at 148, 172, 230, 255 — all under body. Bottom of body ~312 (cy 262 + ry 50). Legs start y=290 (overlapping body) to 348.
Neck path: M152 268 C142 230 128 200 106 172 L142 148 C160 176 176 214 188 258 Z. This makes a quad-like shape from (152,268) up-left curve to (106,172), line to (142,148), then curve down to (188,258), close back to (152,268). Plausible neck, thickness ~40px. Head centered around (105,155). Neck top between (106,172) and (142,148) — head covers it. Good.
Head path: starts (72,168), curves. Let me verify shape: M72 168 C66 148 82 132 106 130 — top going right; C128 128 146 140 145 158 — right side down; C144 176 124 186 100 184 — bottom; C84 182 75 178 72 168 Z. Looks like a head with muzzle toward left. Muzzle ellipse at (80,168) — left part. Good.
Eye at (104-121, 152) — upper middle of head. Blush at (118,170) — cheek. OK.
Mane path: starts (128,108) near ear, big curves down right side of neck to (180,244), back up. It'll overlap the neck/body junction. Seems fine.
Cutie mark sparkle at (240,255) on body. Body center (212,262), rx 80 — (240,255) inside. Good.
Add outline strokes? Flat style without strokes is fine and cute.
I'll finalize. Only SVG code in reply, no markdown fences? "Reply with only the SVG code." I'll output raw SVG without code fences to be safe. Actually code fence is fine too but "only the SVG code" — I'll output plain SVG.
The user wants an SVG of a unicorn. I need to provide only the SVG code, no explanation. I'll create a cute, stylized unicorn with a horn, mane, tail, body, legs, and some color. I'll keep it simple but recognizable. Let's design a simple vector unicorn facing left or right. Let's do facing right.
Elements:
I'll make it colorful with a pastel body, rainbow mane and tail, golden horn.
Let's write the SVG directly.
Visualizing Unicorn Elements
I'm focusing on how to translate the core attributes of a unicorn—its horn, flowing mane, and tail—into scalable SVG. My current thoughts revolve around achieving a majestic, recognizable form, potentially from a side or three-quarter perspective.
Designing Unicorn Visuals
I'm now leaning towards an elegant side profile featuring a detailed head and shoulders. My focus is on a layered, pastel rainbow mane and a dynamically glowing horn, using a cosmic night sky as the background. I'll also implement soft pearlescent gradients for the unicorn's body.
Structuring Unicorn Graphics
I'm detailing the SVG structure, prioritizing a dark, magical background with celestial effects. I'm defining groups for the body, horn, and mane, using Bézier curves for smooth, flowing forms, with specific attention to eye detail and gradient applications.
Defining Unicorn Layout
I'm currently defining the canvas dimensions and background gradient, establishing the primary color palette for the body, horn, and mane. My focus is on setting up the gradient definitions and initial path coordinates for the unicorn's head and neck.
Positioning Unicorn Elements
I'm now precisely defining the unicorn's orientation and key facial and bodily contours. My focus is on establishing the curves for the neck, chest, jaw, muzzle, and nose bridge, ensuring a leftward-facing stance with the horn angled dynamically up-left, and the mane flowing right.
Refining Unicorn Anatomy
I'm now detailing the muzzle, adding subtle shading, and defining the eye with a gentle curve and delicate lashes. I'm also precisely mapping out the contours of both the front and back ears, ensuring they integrate seamlessly. The horn's spiral form and glowing effect are my immediate next focus.
Adding Unicorn Details
I'm now focusing on the horn's spiral form and its glowing aura, alongside defining the rich, layered strands of the mane using specific color palettes and S-curve path commands. I'm also planning the placement of stars and a sparkle trail from the horn's tip.
Enhancing Unicorn Features
I'm now refining the cheek's 3D volume and adding white rim lighting to the nose, neck, and ears. My immediate focus is the horn's "Magic Gold" gradient and its white core glow, alongside the ethereal eye detail and a deep cosmic violet background.
Crafting Horn Swirls
I'm now breaking down the horn into individual twisted segments to create a more realistic 3D spiral. Concurrently, I'm mapping out distinct, flowing strands for the mane using specific pastel color palettes and S-curve paths, and planning the placement of starbursts and light trails.
```xml
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 800" width="100%" height="100%">
<defs>
<!-- Background Gradient -->
<radialGradient id="bgGrad" cx="50%" cy="40%" r="60%" fx="30%" fy="30%">
<stop offset="0%" stop-color="#2d124d"/>
<stop offset="50%" stop-color="#18082e"/>
<stop offset="100%" stop-color="#080214"/>
</radialGradient>
<!-- Unicorn Body Gradient (Pearlescent White) -->
<linearGradient id="bodyGrad" x1="20%" y1="0%" x2="80%" y2="100%">
<stop offset="0%" stop-color="#ffffff"/>
<stop offset="40%" stop-color="#f3f0ff"/>
<stop offset="75%" stop-color="#e5deef"/>
<stop offset="100%" stop-color="#d0c4e8"/>
</linearGradient>
<!-- Body Contour Shadow Gradient -->
<linearGradient id="bodyShadow" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#bda0e6" stop-opacity="0"/>
<stop offset="70%" stop-color="#a07bd4" stop-opacity="0.4"/>
<stop offset="100%" stop-color="#5a2982" stop-opacity="0.7"/>
</linearGradient>
<!-- Muzzle Highlight -->
<linearGradient id="muzzleGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#ffffff"/>
<stop offset="100%" stop-color="#f7d6e6"/>
</linearGradient>
<!-- Horn Gold/Magic Gradient -->
<linearGradient id="hornGrad" x1="0%" y1="100%" x2="100%" y2="0%">
<stop offset="0%" stop-color="#ffe259"/>
<stop offset="30%" stop-color="#ffa751"/>
<stop offset="60%" stop-color="#ff6bcb"/>
<stop offset="90%" stop-color="#a88beb"/>
<stop offset="100%" stop-color="#38ef7d"/>
</linearGradient>
<!-- Horn Glow Filter -->
<filter id="hornGlow" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur stdDeviation="8" result="blur1"/>
<feGaussianBlur stdDeviation="20" result="blur2"/>
<feMerge>
<feMergeNode in="blur2"/>
<feMergeNode in="blur1"/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
<!-- Soft Glow Filter -->
<filter id="softGlow" x="-20%" y="-20%" width="140%" height="140%">
<feGaussianBlur stdDeviation="4" result="blur"/>
<feComposite in="SourceGraphic" in2="blur" operator="over"/>
</filter>
<!-- Mane Gradients -->
<linearGradient id="mane1" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#ff9a9e"/>
<stop offset="50%" stop-color="#fecfef"/>
<stop offset="100%" stop-color="#a1c4fd"/>
</linearGradient>
<linearGradient id="mane2" x1="100%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" stop-color="#a18cd1"/>
<stop offset="50%" stop-color="#fbc2eb"/>
<stop offset="100%" stop-color="#8ec5fc"/>
</linearGradient>
<linearGradient id="mane3" x1="0%" y1="100%" x2="100%" y2="0%">
<stop offset="0%" stop-color="#84fab0"/>
<stop offset="50%" stop-color="#8fd3f4"/>
<stop offset="100%" stop-color="#b19ffb"/>
</linearGradient>
<linearGradient id="mane4" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#e0c3fc"/>
<stop offset="100%" stop-color="#8ec5fc"/>
</linearGradient>
<linearGradient id="goldSpec" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#ffffff"/>
<stop offset="50%" stop-color="#ffeea1"/>
<stop offset="100%" stop-color="#d4af37"/>
</linearGradient>
<!-- Sparkle Shape -->
<g id="sparkle">
<path d="M 0,-12 Q 0,0 12,0 Q 0,0 0,12 Q 0,0 -12,0 Q 0,0 0,-12 Z" fill="#ffffff"/>
</g>
<g id="sparkleSmall">
<path d="M 0,-6 Q 0,0 6,0 Q 0,0 0,6 Q 0,0 -6,0 Q 0,0 0,-6 Z" fill="#ffffff" opacity="0.8"/>
</g>
<!-- Star Shape -->
<g id="star">
<polygon points="0,-5 1.5,-1.5 5,0 1.5,1.5 0,5 -1.5,1.5 -5,0 -1.5,-1.5" fill="#ffffff" opacity="0.7"/>
</g>
</defs>
<!-- Background -->
<rect width="800" height="800" fill="url(#bgGrad)"/>
<!-- Ambient Background Magical Aura -->
<circle cx="380" cy="320" r="280" fill="#7b2cbf" opacity="0.15" filter="url(#hornGlow)"/>
<circle cx="260" cy="160" r="150" fill="#00f5d4" opacity="0.1" filter="url(#hornGlow)"/>
<!-- Starfield / Floating Magic Particles -->
<g opacity="0.6">
<!-- Tiny Stars -->
<use href="#star" x="100" y="120" transform="scale(1.2)"/>
<use href="#star" x="250" y="80" transform="scale(0.8)"/>
<use href="#star" x="650" y="150" transform="scale(1.5)"/>
<use href="#star" x="720" y="400" transform="scale(0.9)"/>
<use href="#star" x="120" y="500" transform="scale(1.1)"/>
<use href="#star" x="600" y="650" transform="scale(0.7)"/>
<!-- Glowing Orbs -->
<circle cx="180" cy="250" r="3" fill="#ff9a9e" opacity="0.8"/>
<circle cx="220" cy="190" r="5" fill="#a1c4fd" opacity="0.6" filter="url(#softGlow)"/>
<circle cx="520" cy="100" r="4" fill="#fbc2eb" opacity="0.7"/>
<circle cx="680" cy="280" r="6" fill="#84fab0" opacity="0.5" filter="url(#softGlow)"/>
<circle cx="150" cy="620" r="4" fill="#e0c3fc" opacity="0.8"/>
<circle cx="650" cy="520" r="3" fill="#ffeea1" opacity="0.9"/>
</g>
<!-- BACK MANE LAYER (Depth) -->
<g>
<!-- Far side mane strands -->
<path d="M 430 210 C 480 150 560 160 600 220 C 630 265 600 330 550 350 C 490 370 460 300 430 280 Z" fill="url(#mane2)" opacity="0.7"/>
<path d="M 460 280 C 530 240 620 280 660 360 C 690 420 640 480 580 480 C 510 480 480 400 450 360 Z" fill="url(#mane3)" opacity="0.6"/>
</g>
<!-- BACK EAR -->
<g>
<path d="M 430 215 C 440 150 485 130 500 170 C 505 185 495 210 465 235 Z" fill="#dcd0f0"/>
<path d="M 440 210 C 448 165 480 148 490 175 C 494 187 485 205 465 222 Z" fill="#bca2e6" opacity="0.6"/>
</g>
<!-- UNICORN HEAD & BODY -->
<g>
<!-- Main Body & Neck Base -->
<path d="M 260 800
C 280 680 260 550 220 480
C 200 445 205 410 230 385
C 260 355 310 345 350 340
C 380 336 410 320 430 295
C 450 270 455 230 440 200
C 420 180 395 195 370 210
C 330 235 290 260 250 300
C 220 330 180 370 150 420
C 120 470 135 520 160 570
C 200 650 220 720 220 800 Z"
fill="url(#bodyGrad)"/>
<!-- Neck Contour / Smooth Body Shape -->
<path d="M 220 800
C 220 720 200 650 160 570
C 135 520 120 470 150 420
C 180 370 220 330 250 300
C 290 260 330 235 370 210
C 395 195 420 180 440 200
C 455 230 450 270 430 295
C 410 320 380 336 350 340
C 310 345 260 355 230 385
C 205 410 200 445 220 480
C 260 550 280 680 260 800 Z"
fill="url(#bodyGrad)"/>
<!-- Chest & Neck Shadow Overlay -->
<path d="M 220 800
C 220 720 200 650 160 570
C 135 520 120 470 150 420
C 170 387 205 355 240 330
C 210 370 200 420 215 470
C 240 550 255 670 240 800 Z"
fill="url(#bodyShadow)"/>
<!-- Head & Muzzle Refined Shape -->
<!-- Jaw and Muzzle fill -->
<path d="M 370 210
C 320 230 250 270 190 320
C 150 355 100 410 120 460
C 135 495 180 510 220 490
C 270 465 320 410 360 360
C 410 300 430 250 370 210 Z"
fill="url(#bodyGrad)"/>
<!-- Soft Pink Muzzle Touch -->
<path d="M 120 460
C 108 440 120 410 145 390
C 165 375 185 385 180 410
C 175 435 150 470 120 460 Z"
fill="url(#muzzleGrad)" opacity="0.6"/>
<!-- Nostril -->
<path d="M 145 430 C 140 425 142 418 148 420 C 155 422 156 430 149 432 Z" fill="#a382c4" opacity="0.6"/>
<!-- Ethereal Closed Eye with Delicate Lashes -->
<g transform="translate(230, 320) rotate(-10)">
<!-- Eye Curve -->
<path d="M 0 10 Q 25 25 45 5" fill="none" stroke="#4a2875" stroke-width="3.5" stroke-linecap="round"/>
<path d="M 0 10 Q 25 25 45 5" fill="none" stroke="#2a085c" stroke-width="1.5" stroke-linecap="round"/>
<!-- Lashes -->
<path d="M 35 12 Q 42 18 48 20" fill="none" stroke="#2a085c" stroke-width="2.5" stroke-linecap="round"/>
<path d="M 25 16 Q 30 25 34 28" fill="none" stroke="#2a085c" stroke-width="2.5" stroke-linecap="round"/>
<path d="M 15 16 Q 17 25 18 30" fill="none" stroke="#2a085c" stroke-width="2" stroke-linecap="round"/>
<path d="M 5 12 Q 4 20 2 24" fill="none" stroke="#2a085c" stroke-width="1.5" stroke-linecap="round"/>
<!-- Soft Cheek Blush -->
<ellipse cx="25" cy="35" rx="25" ry="12" fill="#ff7eb3" opacity="0.25" filter="url(#softGlow)"/>
</g>
<!-- Head Highlight / Structure -->
<path d="M 370 210 C 300 240 220 290 160 360 C 145 378 130 405 125 430 C 120 410 135 375 165 345 C 220 290 300 235 370 210 Z" fill="#ffffff" opacity="0.6"/>
</g>
<!-- FRONT EAR -->
<g>
<!-- Outer Ear -->
<path d="M 385 225 C 390 130 450 100 470 145 C 478 165 460 200 420 235 Z" fill="url(#bodyGrad)" filter="url(#softGlow)"/>
<!-- Inner Ear Shadow/Color -->
<path d="M 400 215 C 405 150 445 125 458 155 C 463 170 448 195 420 220 Z" fill="url(#mane1)" opacity="0.6"/>
<path d="M 410 210 C 413 165 440 145 448 165 C 452 176 440 195 420 212 Z" fill="#5a2982" opacity="0.15"/>
</g>
<!-- MAGICAL HORN (Spiral & Glowing) -->
<g filter="url(#hornGlow)">
<!-- Horn Base Shadow/Glow Connection -->
<ellipse cx="330" cy="215" rx="18" ry="8" transform="rotate(-30 330 215)" fill="#ffd700" opacity="0.8"/>
<!-- Spiral Segments (drawn from base to tip) -->
<!-- Tip is at (140, -20) -->
<!-- Segment 1 (Base) -->
<path d="M 318 223 C 310 210 325 195 342 203 C 348 212 332 230 318 223 Z" fill="url(#hornGrad)"/>
<!-- Segment 2 -->
<path d="M 9 models answered this prompt
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400" width="400" height="400"> <!-- Background --> <circle cx="200" cy="200" r="180" fill="#fdf2f8"/> <!-- Tail --> <path d="..." fill="rainbow gradient"/> <!-- Body --> <ellipse cx="200" cy="260" rx="90" ry="55" fill="#ffffff" stroke="#e5d4ed"/> <!-- Legs --> <rect ... /> <!-- Neck & Head --> ... <!-- Horn --> <polygon fill="gold gradient"/> <!-- Mane --> ... <!-- Eye --> ... <!-- Sparkles --> ...</svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400"> <defs> <linearGradient id="maneGrad" x1="0" y1="0" x2="1" y2="1"> <stop offset="0" stop-color="#ff9de2"/> <stop offset="0.5" stop-color="#c084fc"/> <stop offset="1" stop-color="#7dd3fc"/> </linearGradient> <linearGradient id="hornGrad" x1="0" y1="0" x2="1" y2="1"> <stop offset="0" stop-color="#fde68a"/> <stop offset="0.5" stop-color="#fbbf24"/> <stop offset="1" stop-color="#f59e0b"/> </linearGradient> <radialGradient id="bgGrad" cx="0.5" cy="0.4" r="0.8"> <stop offset="0" stop-color="#fdf4ff"/> <stop offset="1" stop-color="#e9d5ff"/> </radialGradient> </defs> <!-- Background --> <circle cx="200" cy="200" r="185" fill="url(#bgGrad)"/> <!-- Sparkles --> <g fill="#fbbf24"> <path d="M70 90 l4 10 10 4 -10 4 -4 10 -4 -10 -10 -4 10 -4 z"/> <path d="M330 100 l3 8 8 3 -8 3 -3 8 -3 -8 -8 -3 8 -3 z"/> <path d="M55 220 l3 7 7 3 -7 3 -3 7 -3 -7 -7 -3 7 -3 z" fill="#f472b6"/> <path d="M345 180 l2 6 6 2 -6 2 -2 6 -2 -6 -6 -2 6 -2 z" fill="#a78bfa"/> <circle cx="90" cy="140" r="3" fill="#f472b6"/> <circle cx="320" cy="60" r="3"/> </g> <!-- Shadow --> <ellipse cx="210" cy="352" rx="95" ry="12" fill="#d8b4fe" opacity="0.4"/> <!-- Tail --> <g> <path d="M285 232 C 315 208 352 212 358 244 C 364 276 344 302 316 308 C 332 290 338 268 327 252 C 315 240 298 241 285 248 Z" fill="#ff9de2"/> <path d="M285 240 C 308 222 338 226 343 250 C 348 274 332 294 312 298 C 324 284 328 266 319 254 C 309 245 296 246 285 252 Z" fill="#c084fc"/> <path d="M286 248 C 302 236 324 240 328 258 C 331 274 320 288 306 291 C 314 280 316 267 309 258 C 302 252 293 252 286 256 Z" fill="#7dd3fc"/> </g> <!-- Back legs --> <g> <rect x="255" y="290" width="17" height="58" rx="8" fill="#f3e8ff"/> <rect x="255" y="338" width="17" height="12" rx="6" fill="#c084fc"/> <rect x="230" y="292" width="17" height="56" rx="8" fill="#ffffff"/> <rect x="230" y="338" width="17" height="12" rx="6" fill="#a78bfa"/> </g> <!-- Body --> <ellipse cx="212" cy="262" rx="80" ry="50" fill="#ffffff"/> <!-- Front legs --> <g> <rect x="175" y="292" width="17" height="56" rx="8" fill="#f3e8ff"/> <rect x="175" y="338" width="17" height="12" rx="6" fill="#c084fc"/> <rect x="150" y="290" width="17" height="58" rx="8" fill="#ffffff"/> <rect x="150" y="338" width="17" height="12" rx="6" fill="#a78bfa"/> </g> <!-- Neck --> <path d="M152 268 C 142 230 128 200 106 172 L 142 148 C 160 176 176 214 188 258 Z" fill="#ffffff"/> <!-- Head --> <path d="M72 168 C 66 148 82 132 106 130 C 128 128 146 140 145 158 C 144 176 124 186 100 184 C 84 182 75 178 72 168 Z" fill="#ffffff"/> <!-- Muzzle --> <ellipse cx="80" cy="168" rx="16" ry="13" fill="#fdf2f8"/> <!-- Nostril + smile --> <circle cx="74" cy="166" r="2.5" fill="#d8b4fe"/> <path d="M76 176 Q 84 181 92 177" stroke="#d8b4fe" stroke-width="2" fill="none" stroke-linecap="round"/> <!-- Blush --> <ellipse cx="118" cy="170" rx="8" ry="5" fill="#fbcfe8" opacity="0.8"/> <!-- Eye (closed, happy) --> <path d="M104 152 Q 112 159 121 152" stroke="#7c3aed" stroke-width="3" fill="none" stroke-linecap="round"/> <path d="M121 152 l5 -2" stroke="#7c3aed" stroke-width="2" stroke-linecap="round"/> <!-- Ear --> <path d="M124 134 L 128 106 L 146 128 Z" fill="#ffffff"/> <path d="M128 128 L 131 113 L 141 125 Z" fill="#fbcfe8"/> <!-- Horn --> <path d="M96 132 L 68 58 L 116 120 Z" fill="url(#hornGrad)"/> <path d="M84 100 L 97 94 M77 82 L 90 77 M90 116 L 104 109" stroke="#f59e0b" stroke-width="2" stroke-linecap="round"/> <!-- Mane --> <path d="M128 108 C 158 112 168 134 160 152 C 182 160 186 184 172 196 C 194 204 198 230 180 244 C 160 252 146 238 150 222 C 132 212 130 192 142 182 C 124 170 118 146 126 128 C 127 121 127 114 128 108 Z" fill="url(#maneGrad)"/> <!-- Forelock --> <path d="M118 112 C 108 96 90 94 82 106 C 92 104 100 110 104 120 C 110 116 114 114 118 112 Z" fill="#ff9de2"/> <!-- Small body sparkle mark (cutie mark) --> <path d="M240 255 l3 8 8 3 -8 3 -3 8 -3 -8 -8 -3 8 -3 z" fill="#f9a8d4"/></svg>