Adam Ladachowski
35925b3863
Browser window with globe and cursor design. TypeScript blue color palette matching the ecosystem. Includes SVG source, 200px and 512px PNG versions. Updated README with centered logo and badges. Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
44 lines
1.8 KiB
XML
44 lines
1.8 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" width="200" height="200">
|
|
<defs>
|
|
<linearGradient id="blueGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" style="stop-color:#4B9CD3"/>
|
|
<stop offset="100%" style="stop-color:#3178C6"/>
|
|
</linearGradient>
|
|
<linearGradient id="darkGrad" x1="0%" y1="0%" x2="0%" y2="100%">
|
|
<stop offset="0%" style="stop-color:#2d2d3a"/>
|
|
<stop offset="100%" style="stop-color:#1a1a2e"/>
|
|
</linearGradient>
|
|
</defs>
|
|
|
|
<!-- Background circle -->
|
|
<circle cx="100" cy="100" r="95" fill="white"/>
|
|
|
|
<!-- Browser window -->
|
|
<rect x="25" y="35" width="150" height="130" rx="12" fill="url(#darkGrad)" stroke="#3178C6" stroke-width="3"/>
|
|
|
|
<!-- Browser title bar -->
|
|
<rect x="25" y="35" width="150" height="28" rx="12" fill="#3178C6"/>
|
|
<rect x="25" y="51" width="150" height="12" fill="#3178C6"/>
|
|
|
|
<!-- Window buttons -->
|
|
<circle cx="42" cy="49" r="5" fill="#FF5F57"/>
|
|
<circle cx="58" cy="49" r="5" fill="#FFBD2E"/>
|
|
<circle cx="74" cy="49" r="5" fill="#28CA42"/>
|
|
|
|
<!-- URL bar -->
|
|
<rect x="90" y="42" width="75" height="14" rx="4" fill="#1a1a2e"/>
|
|
|
|
<!-- Browser content area - globe/web icon -->
|
|
<circle cx="100" cy="115" r="35" stroke="#3178C6" stroke-width="3" fill="none"/>
|
|
<ellipse cx="100" cy="115" rx="15" ry="35" stroke="#3178C6" stroke-width="2" fill="none"/>
|
|
<line x1="65" y1="115" x2="135" y2="115" stroke="#3178C6" stroke-width="2"/>
|
|
<path d="M70 95 Q100 90 130 95" stroke="#3178C6" stroke-width="2" fill="none"/>
|
|
<path d="M70 135 Q100 140 130 135" stroke="#3178C6" stroke-width="2" fill="none"/>
|
|
|
|
<!-- Cursor pointer -->
|
|
<g transform="translate(130, 130)">
|
|
<path d="M0 0 L0 28 L8 20 L14 32 L20 29 L14 17 L24 17 Z"
|
|
fill="white" stroke="#3178C6" stroke-width="2" stroke-linejoin="round"/>
|
|
</g>
|
|
</svg>
|