55 lines
2.6 KiB
XML
55 lines
2.6 KiB
XML
<?xml version="1.0" encoding="UTF-8"?>
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512" role="img" aria-labelledby="title desc">
|
|
<title id="title">jsbox, the zero-config development server for plain HTML, CSS and JavaScript</title>
|
|
<desc id="desc">An open box seen from above on a yellow badge, its four lighter brown flaps flared outward like opened lid panels and a cream browser window seated in the mouth with a thin shadow gap, amber page lines and a cyan cursor.</desc>
|
|
<defs>
|
|
<linearGradient id="bg" x1="0" y1="0" x2="0" y2="1">
|
|
<stop offset="0" stop-color="#FACC15"/>
|
|
<stop offset="1" stop-color="#A16207"/>
|
|
</linearGradient>
|
|
<radialGradient id="halo" cx="0.5" cy="0.5" r="0.5">
|
|
<stop offset="0" stop-color="#FEF9C3" stop-opacity="0.14"/>
|
|
<stop offset="0.6" stop-color="#FEF9C3" stop-opacity="0.05"/>
|
|
<stop offset="1" stop-color="#FEF9C3" stop-opacity="0"/>
|
|
</radialGradient>
|
|
<filter id="shadowOpenBox" x="-40%" y="-40%" width="180%" height="180%">
|
|
<feDropShadow dx="0" dy="9" stdDeviation="11" flood-color="#713F12" flood-opacity="0.45"/>
|
|
</filter>
|
|
</defs>
|
|
|
|
<rect width="512" height="512" rx="112" fill="url(#bg)"/>
|
|
<rect x="1.5" y="1.5" width="509" height="509" rx="110.5" fill="none" stroke="#FEF08A" stroke-width="3" opacity="0.5"/>
|
|
<circle cx="256" cy="256" r="225" fill="url(#halo)"/>
|
|
|
|
<g filter="url(#shadowOpenBox)">
|
|
<!-- lid flaps, flared outward toward the viewer, centred on x=256, y=256 -->
|
|
<g fill="#92400E">
|
|
<path d="M156 96 H356 L330 140 H182 Z"/>
|
|
<path d="M182 372 H330 L356 416 H156 Z"/>
|
|
<path d="M96 156 V356 L140 330 V182 Z"/>
|
|
<path d="M372 182 V330 L416 356 V156 Z"/>
|
|
</g>
|
|
|
|
<!-- box walls and mouth -->
|
|
<rect x="148" y="148" width="216" height="216" rx="26" fill="#78350F"/>
|
|
<rect x="164" y="164" width="184" height="184" rx="18" fill="#451A03"/>
|
|
|
|
<!-- the runtime seated in the mouth: a browser window -->
|
|
<g>
|
|
<rect x="170" y="170" width="172" height="172" rx="14" fill="#FFF7ED"/>
|
|
<path d="M170 184 A14 14 0 0 1 184 170 H328 A14 14 0 0 1 342 184 V204 H170 Z" fill="#78350F"/>
|
|
<g fill="#FFF7ED">
|
|
<circle cx="192" cy="187" r="5.5"/>
|
|
<circle cx="208" cy="187" r="5.5"/>
|
|
<circle cx="224" cy="187" r="5.5"/>
|
|
</g>
|
|
<g fill="#F59E0B">
|
|
<rect x="186" y="218" width="96" height="12" rx="6"/>
|
|
<rect x="186" y="242" width="134" height="12" rx="6"/>
|
|
<rect x="186" y="266" width="70" height="12" rx="6"/>
|
|
</g>
|
|
<rect x="186" y="292" width="12" height="16" rx="3" fill="#22D3EE"/>
|
|
</g>
|
|
</g>
|
|
</svg>
|