Showing: full SVG
Concept Groups
lightbulb emerging: 0 1 2 3 4 5 6 7 8 9 10 14 15 16 17 18 19 23 24 25 29 30 31 32 33 35 36
head: 37
interlocking gears: 11 12 13 20 21 22 26 27 28 34 38 39 40 41
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | rect |
lightbulb emerging |
1.000
|
0.000 0.000 0.000 |
| 1 | path |
lightbulb emerging |
1.000
|
0.000 0.000 0.000 |
| 2 | rect |
lightbulb emerging |
1.000
|
0.000 0.000 0.000 |
| 3 | circle |
lightbulb emerging |
1.000
|
0.000 0.000 0.000 |
| 4 | path |
lightbulb emerging |
1.000
|
0.000 0.000 0.000 |
| 5 | path |
lightbulb emerging |
1.000
|
0.000 0.000 0.000 |
| 6 | path |
lightbulb emerging |
1.000
|
0.000 0.000 0.000 |
| 7 | rect |
lightbulb emerging |
1.000
|
0.000 0.000 0.000 |
| 8 | rect |
lightbulb emerging |
1.000
|
0.000 0.000 0.000 |
| 9 | path |
lightbulb emerging |
1.000
|
0.000 0.000 0.000 |
| 10 | path |
lightbulb emerging |
1.000
|
0.000 0.000 0.000 |
| 11 | use |
interlocking gears |
0.585
|
0.006 0.000 0.009 |
| 12 | use |
interlocking gears |
0.668
|
0.003 0.000 0.007 |
| 13 | use |
interlocking gears |
0.624
|
0.003 0.001 0.006 |
| 14 | use |
lightbulb emerging |
1.000
|
0.000 0.000 0.000 |
| 15 | use |
lightbulb emerging |
1.000
|
0.000 0.000 0.000 |
| 16 | use |
lightbulb emerging |
1.000
|
0.000 0.000 0.000 |
| 17 | use |
lightbulb emerging |
1.000
|
0.000 0.000 0.000 |
| 18 | use |
lightbulb emerging |
1.000
|
0.000 0.000 0.000 |
| 19 | use |
lightbulb emerging |
1.000
|
0.000 0.000 0.000 |
| 20 | use |
interlocking gears |
0.535
|
0.001 0.000 0.002 |
| 21 | use |
interlocking gears |
0.527
|
0.007 0.000 0.008 |
| 22 | use |
interlocking gears |
0.532
|
0.014 0.000 0.016 |
| 23 | circle |
lightbulb emerging |
1.000
|
0.000 0.000 0.000 |
| 24 | circle |
lightbulb emerging |
1.000
|
0.000 0.000 0.000 |
| 25 | circle |
lightbulb emerging |
1.000
|
0.000 0.000 0.000 |
| 26 | use |
interlocking gears |
0.494
|
0.036 0.037 0.071 |
| 27 | use |
interlocking gears |
0.544
|
0.032 0.007 0.047 |
| 28 | use |
interlocking gears |
0.598
|
0.002 0.000 0.004 |
| 29 | use |
lightbulb emerging |
1.000
|
0.000 0.000 0.000 |
| 30 | use |
lightbulb emerging |
1.000
|
0.000 0.000 0.000 |
| 31 | use |
lightbulb emerging |
1.000
|
0.000 0.000 0.000 |
| 32 | use |
lightbulb emerging |
1.000
|
0.000 0.000 0.000 |
| 33 | use |
lightbulb emerging |
1.000
|
0.000 0.000 0.000 |
| 34 | use |
interlocking gears |
0.657
|
0.000 0.000 0.000 |
| 35 | use |
lightbulb emerging |
0.423
|
0.027 0.016 0.021 |
| 36 | use |
lightbulb emerging |
0.362
|
0.211 0.198 0.174 |
| 37 | use |
head |
0.384
|
0.616 0.737 0.568 |
| 38 | circle |
interlocking gears |
0.437
|
0.004 0.002 0.005 |
| 39 | circle |
interlocking gears |
0.588
|
0.024 0.001 0.036 |
| 40 | circle |
interlocking gears |
0.563
|
0.007 0.001 0.010 |
| 41 | circle |
interlocking gears |
0.745
|
0.006 0.000 0.018 |
SVG Code
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 500" width="800" height="500" role="img" aria-label="Minimalist illustration of a lightbulb emerging from a head connected to two interlocking gears">
<defs>
<!-- Soft glow for the bulb -->
<radialGradient id="bulbGlow" cx="50%" cy="40%" r="70%">
<stop offset="0%" stop-color="#FFE77A" stop-opacity="0.95"/>
<stop offset="55%" stop-color="#FFD84A" stop-opacity="0.55"/>
<stop offset="100%" stop-color="#FFD84A" stop-opacity="0"/>
</radialGradient>
<linearGradient id="bulbFill" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#FFE36A"/>
<stop offset="100%" stop-color="#FFC928"/>
</linearGradient>
<linearGradient id="bulbBase" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#E9E9E9"/>
<stop offset="100%" stop-color="#CFCFCF"/>
</linearGradient>
<filter id="softShadow" x="-30%" y="-30%" width="160%" height="160%">
<feDropShadow dx="0" dy="3" stdDeviation="4" flood-color="#000000" flood-opacity="0.18"/>
</filter>
<!-- Gear tooth symbol (a small rectangle placed at top then rotated around center) -->
<symbol id="tooth" viewBox="-6 -44 12 18">
<rect x="-6" y="-44" width="12" height="18" rx="2" ry="2"/>
</symbol>
<!-- Clip for head opening so bulb appears to emerge -->
<clipPath id="headClip">
<path d="M210,340
C180,305 168,270 168,235
C168,160 230,110 310,110
C390,110 452,160 452,235
C452,270 440,305 410,340
L410,380
C410,405 390,425 365,425
L255,425
C230,425 210,405 210,380
Z"/>
</clipPath>
</defs>
<!-- Background -->
<rect width="800" height="500" fill="#FFFFFF"/>
<!-- STEP-BY-STEP ANALYSIS (translated into structure)
1) White stylized head silhouette on left-center.
2) Yellow glowing lightbulb emerging from top of head.
3) A clean connector line from head area to gears.
4) Two interlocking gears on right: muted green + yellow-gold.
5) Flat design, minimal shading, subtle shadow for depth.
-->
<!-- Head -->
<g filter="url(#softShadow)">
<path d="M210,340
C180,305 168,270 168,235
C168,160 230,110 310,110
C390,110 452,160 452,235
C452,270 440,305 410,340
L410,380
C410,405 390,425 365,425
L255,425
C230,425 210,405 210,380
Z"
fill="#FFFFFF" stroke="#E8E8E8" stroke-width="3"/>
<!-- Neck hint -->
<rect x="280" y="425" width="60" height="35" rx="10" fill="#FFFFFF" stroke="#E8E8E8" stroke-width="3"/>
</g>
<!-- Bulb + glow (clipped so it looks like it comes out of the head opening) -->
<g clip-path="url(#headClip)">
<!-- Glow halo -->
<circle cx="310" cy="95" r="90" fill="url(#bulbGlow)"/>
</g>
<!-- Bulb itself (not clipped; sits above head) -->
<g filter="url(#softShadow)">
<!-- Bulb glass -->
<path d="M310,40
C258,40 220,78 220,125
C220,160 240,184 260,205
C274,219 286,233 286,252
L286,265
C286,277 296,287 310,287
C324,287 334,277 334,265
L334,252
C334,233 346,219 360,205
C380,184 400,160 400,125
C400,78 362,40 310,40
Z"
fill="url(#bulbFill)" stroke="#F2B800" stroke-width="3"/>
<!-- Filament -->
<path d="M285,175
C300,160 320,160 335,175"
fill="none" stroke="#C98C00" stroke-width="5" stroke-linecap="round"/>
<path d="M295,175 L295,195 M325,175 L325,195"
stroke="#C98C00" stroke-width="4" stroke-linecap="round"/>
<!-- Bulb base -->
<rect x="282" y="287" width="56" height="22" rx="6" fill="url(#bulbBase)" stroke="#CFCFCF" stroke-width="2"/>
<rect x="276" y="309" width="68" height="28" rx="8" fill="url(#bulbBase)" stroke="#CFCFCF" stroke-width="2"/>
<!-- Base grooves -->
<path d="M284,316 H336 M284,326 H336"
stroke="#BEBEBE" stroke-width="3" stroke-linecap="round"/>
</g>
<!-- Connector line from head to gears -->
<path d="M430,250 C480,250 505,250 535,250"
fill="none" stroke="#D6D6D6" stroke-width="10" stroke-linecap="round"/>
<!-- Gears (interlocking) -->
<!-- Gear 1 (muted green) -->
<g transform="translate(600 250)" filter="url(#softShadow)">
<!-- Teeth -->
<g fill="#6FAE8E">
<use href="#tooth" transform="rotate(0)"/>
<use href="#tooth" transform="rotate(30)"/>
<use href="#tooth" transform="rotate(60)"/>
<use href="#tooth" transform="rotate(90)"/>
<use href="#tooth" transform="rotate(120)"/>
<use href="#tooth" transform="rotate(150)"/>
<use href="#tooth" transform="rotate(180)"/>
<use href="#tooth" transform="rotate(210)"/>
<use href="#tooth" transform="rotate(240)"/>
<use href="#tooth" transform="rotate(270)"/>
<use href="#tooth" transform="rotate(300)"/>
<use href="#tooth" transform="rotate(330)"/>
</g>
<!-- Body -->
<circle r="58" fill="#6FAE8E" stroke="#5B9B7C" stroke-width="4"/>
<circle r="26" fill="#FFFFFF" stroke="#5B9B7C" stroke-width="4"/>
<circle r="10" fill="#5B9B7C"/>
</g>
<!-- Gear 2 (yellow-gold), slightly overlapping/interlocking -->
<g transform="translate(680 300)" filter="url(#softShadow)">
<!-- Teeth -->
<g fill="#D9B14A">
<use href="#tooth" transform="rotate(15)"/>
<use href="#tooth" transform="rotate(45)"/>
<use href="#tooth" transform="rotate(75)"/>
<use href="#tooth" transform="rotate(105)"/>
<use href="#tooth" transform="rotate(135)"/>
<use href="#tooth" transform="rotate(165)"/>
<use href="#tooth" transform="rotate(195)"/>
<use href="#tooth" transform="rotate(225)"/>
<use href="#tooth" transform="rotate(255)"/>
<use href="#tooth" transform="rotate(285)"/>
<use href="#tooth" transform="rotate(315)"/>
<use href="#tooth" transform="rotate(345)"/>
</g>
<!-- Body -->
<circle r="48" fill="#D9B14A" stroke="#C79B2F" stroke-width="4"/>
<circle r="20" fill="#FFFFFF" stroke="#C79B2F" stroke-width="4"/>
<circle r="8" fill="#C79B2F"/>
</g>
<!-- Small link node at the end of connector (visual cue of connection) -->
<circle cx="535" cy="250" r="10" fill="#D6D6D6"/>
</svg>