← Back to dashboard

gradient outlined box, yellow to orange

Model: simple_gemini | Tier: simple | ID: aad6c210-fa28-4754-bbc3-7f08910d68b7_7c19b0ca8b273737 | 1 elements

0.333
Editability
1.000
Coverage
0.333
Purity
0.333
Crosstalk
1.000
Compact
1.000
Locality
1.000
Contiguity
full
Showing: full SVG

Concept Groups

gradient outlined box: 0
yellow:
orange:

Elements — click to highlight

#TagConceptPurityContributions
0 rect gradient outlined bo
0.333
gradient out
1.000
yellow
1.000
orange
1.000

SVG Code

<svg width="400" height="150" viewBox="0 0 400 150" xmlns="http://www.w3.org/2000/svg"> <!-- Define the vertical gradient for the border --> <defs> <linearGradient id="yellowOrangeGradient" x1="0%" y1="0%" x2="0%" y2="100%"> <stop offset="0%" style="stop-color:#FFFF00; stop-opacity:1" /> <stop offset="100%" style="stop-color:#FF8C00; stop-opacity:1" /> </linearGradient> </defs> <!-- The rectangle: - x and y are offset slightly to ensure the stroke isn't clipped by the viewBox. - rx provides the softly rounded corners. - fill="none" ensures the center is transparent. - stroke uses the gradient defined above. --> <rect x="5" y="5" width="390" height="140" rx="20" ry="20" fill="none" stroke="url(#yellowOrangeGradient)" stroke-width="6" /> </svg>