Showing: full SVG
Concept Groups
left blue curve: 0
right purple curve:
top horizontal gradient bar:
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | rect |
left blue curve |
0.333
|
1.000 1.000 1.000 |
SVG Code
<svg xmlns="http://www.w3.org/2000/svg" width="900" height="220" viewBox="0 0 900 220">
<!-- Step-by-Step Analysis (embedded as SVG comments)
1) Overall shape: a horizontal, elongated rounded rectangle.
2) Border: thick stroke with a left-to-right gradient.
3) Gradient colors: bright vibrant blue on the left, deep purplish-blue on the right.
4) Interior: solid white fill for a clean contrast.
5) Style: smooth edges, modern look; no extra elements.
-->
<defs>
<linearGradient id="borderGradient" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" stop-color="#1EA7FF"/>
<stop offset="100%" stop-color="#241B6B"/>
</linearGradient>
</defs>
<!-- Background (optional transparent; kept empty) -->
<!-- Rounded rectangle with white interior and gradient border -->
<rect
x="60" y="60"
width="780" height="100"
rx="50" ry="50"
fill="#FFFFFF"
stroke="url(#borderGradient)"
stroke-width="18"
stroke-linejoin="round"
/>
</svg>