Showing: full SVG
Concept Groups
outer white circular border: 0 1 6 7
pink circular background: 2
central orange cloud-like shape: 3 8 9 10 11
white text 'bias' on upper-right edge of orange shape:
white text 'as' on lower-right edge of orange shape: 4 5
leftmost protrusion of orange cloud shape:
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | rect |
outer white circular |
1.000
|
0.000 0.000 0.000 0.000 0.000 0.000 |
| 1 | circle |
outer white circular |
0.997
|
0.953 0.000 0.000 0.001 0.001 0.000 |
| 2 | circle |
pink circular backgr |
0.423
|
0.046 1.000 0.000 0.497 0.518 0.303 |
| 3 | path |
central orange cloud |
0.399
|
0.000 0.000 0.805 0.343 0.310 0.562 |
| 4 | text |
white text 'as' on l |
0.531
|
0.002 0.000 0.000 0.036 0.043 0.000 |
| 5 | text |
white text 'as' on l |
0.518
|
0.000 0.000 0.000 0.030 0.038 0.005 |
| 6 | text |
outer white circular |
1.000
|
0.000 0.000 0.000 0.000 0.000 0.000 |
| 7 | text |
outer white circular |
1.000
|
0.000 0.000 0.000 0.000 0.000 0.000 |
| 8 | path |
central orange cloud |
0.414
|
0.000 0.000 0.051 0.019 0.016 0.038 |
| 9 | path |
central orange cloud |
0.298
|
0.000 0.000 0.052 0.044 0.046 0.031 |
| 10 | path |
central orange cloud |
0.407
|
0.000 0.000 0.041 0.018 0.016 0.027 |
| 11 | path |
central orange cloud |
0.469
|
0.000 0.000 0.050 0.013 0.011 0.033 |
SVG Code
<svg width="200" height="200" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
<!-- Background -->
<rect width="100%" height="100%" fill="transparent"/>
<!-- Outer Border -->
<circle cx="100" cy="100" r="98" fill="none" stroke="#fff8f0" stroke-width="2"/>
<!-- Pink Emblem Background -->
<circle cx="100" cy="100" r="90" fill="#f4a7b9"/>
<!-- Central Orange Heart -->
<path d="M100,60
C120,40 160,50 160,80
C160,110 120,140 100,160
C80,140 40,110 40,80
C40,50 80,40 100,60 Z"
fill="#ff6b35"/>
<!-- White Text "BIAS" along circumference -->
<!-- We'll place 4 instances of "BIAS" evenly around the circle -->
<g fill="white" font-family="Arial, sans-serif" font-size="14" text-anchor="middle">
<!-- First BIAS -->
<text transform="translate(100,30) rotate(-90 100,30)">BIAS</text>
<!-- Second BIAS -->
<text transform="translate(160,100) rotate(0 160,100)">BIAS</text>
<!-- Third BIAS -->
<text transform="translate(100,170) rotate(90 100,170)">BIAS</text>
<!-- Fourth BIAS -->
<text transform="translate(40,100) rotate(180 40,100)">BIAS</text>
</g>
<!-- Smaller Orange Hearts between text -->
<!-- Positioning small hearts between each "BIAS" -->
<!-- Top Heart -->
<path d="M100,45
C105,40 115,40 120,45
C125,50 125,60 120,65
C115,70 105,70 100,65
C95,70 85,70 80,65
C75,60 75,50 80,45
C85,40 95,40 100,45 Z"
fill="#ff6b35"/>
<!-- Right Heart -->
<path d="M145,100
C140,105 140,115 145,120
C150,125 160,125 165,120
C170,115 170,105 165,100
C160,95 150,95 145,100 Z"
fill="#ff6b35"/>
<!-- Bottom Heart -->
<path d="M100,155
C105,160 115,160 120,155
C125,150 125,140 120,135
C115,130 105,130 100,135
C95,130 85,130 80,135
C75,140 75,150 80,155
C85,160 95,160 100,155 Z"
fill="#ff6b35"/>
<!-- Left Heart -->
<path d="M55,100
C60,105 60,115 55,120
C50,125 40,125 35,120
C30,115 30,105 35,100
C40,95 50,95 55,100 Z"
fill="#ff6b35"/>
</svg>