← Back to dashboard

pink emblem with orange heart and "BIAS" text

Model: openai | Tier: complex | ID: f1c220ac-60c6-4c0c-8aff-5c007dac94d8_c34d92980757cb33 | 12 elements

0.561
Editability
1.000
Coverage
0.561
Purity
0.137
Crosstalk
0.634
Compact
0.559
Locality
0.975
Contiguity
full
Showing: full SVG

Concept Groups

pink circular background: 0 3 4 8 9 10
orange heart in center: 11
white text 'bias' along top arc: 2 5 6 7
white text 'bias' along bottom arc:
light beige outer border: 1
small orange dot at top-left edge:

Elements — click to highlight

#TagConceptPurityContributions
0 circle pink circular backgr
0.386
pink circula
0.999
orange heart
0.000
white text '
0.606
white text '
0.591
light beige
0.019
small orange
0.372
1 circle light beige outer bo
0.957
pink circula
0.000
orange heart
0.000
white text '
0.017
white text '
0.018
light beige
0.981
small orange
0.009
2 text white text 'bias' al
0.448
pink circula
0.000
orange heart
0.000
white text '
0.073
white text '
0.062
light beige
0.000
small orange
0.028
3 use pink circular backgr
1.000
pink circula
0.000
orange heart
0.000
white text '
0.000
white text '
0.000
light beige
0.000
small orange
0.000
4 use pink circular backgr
1.000
pink circula
0.000
orange heart
0.000
white text '
0.000
white text '
0.000
light beige
0.000
small orange
0.000
5 use white text 'bias' al
0.487
pink circula
0.000
orange heart
0.000
white text '
0.000
white text '
0.000
light beige
0.000
small orange
0.000
6 use white text 'bias' al
0.395
pink circula
0.000
orange heart
0.000
white text '
0.004
white text '
0.003
light beige
0.000
small orange
0.002
7 use white text 'bias' al
0.430
pink circula
0.000
orange heart
0.000
white text '
0.000
white text '
0.000
light beige
0.000
small orange
0.000
8 use pink circular backgr
1.000
pink circula
0.000
orange heart
0.000
white text '
0.000
white text '
0.000
light beige
0.000
small orange
0.000
9 use pink circular backgr
1.000
pink circula
0.000
orange heart
0.000
white text '
0.000
white text '
0.000
light beige
0.000
small orange
0.000
10 use pink circular backgr
1.000
pink circula
0.000
orange heart
0.000
white text '
0.000
white text '
0.000
light beige
0.000
small orange
0.000
11 use orange heart in cent
0.451
pink circula
0.000
orange heart
1.000
white text '
0.300
white text '
0.326
light beige
0.000
small orange
0.589

SVG Code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"> <!-- Step-by-Step Analysis (as comments) 1) Overall shape: a circular emblem/badge on a transparent background. 2) Base fill: pink circle. 3) Outer enclosure: thin, light cream border around the circle. 4) Centerpiece: a prominent orange heart in the middle. 5) Inner ring text: the word "BIAS" repeated around the inner circumference in white caps. 6) Separators: small orange heart icons placed between each "BIAS" around the ring. 7) Keep styling clean and sweet: rounded shapes, simple palette, even spacing. --> <defs> <!-- Colors --> <style> .pink { fill: #F6A7C8; } .creamStroke { stroke: #F7E7C6; stroke-width: 10; fill: none; } .whiteText { fill: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-weight: 800; letter-spacing: 2px; } .orange { fill: #F28C28; } </style> <!-- Inner circular path for the repeated text --> <path id="textCircle" d="M256,256 m-162,0 a162,162 0 1,1 324,0 a162,162 0 1,1 -324,0" /> <!-- A reusable small heart icon (centered at 0,0) --> <symbol id="smallHeart" viewBox="-20 -18 40 36"> <path class="orange" d="M0,14 C-10,6 -18,2 -18,-6 C-18,-13 -12,-18 -6,-18 C-2,-18 0,-16 0,-14 C0,-16 2,-18 6,-18 C12,-18 18,-13 18,-6 C18,2 10,6 0,14 Z"/> </symbol> <!-- A larger heart (centered at 0,0) --> <symbol id="bigHeart" viewBox="-120 -110 240 220"> <path class="orange" d="M0,80 C-55,45 -100,25 -100,-20 C-100,-70 -62,-110 -25,-110 C-5,-110 0,-100 0,-88 C0,-100 5,-110 25,-110 C62,-110 100,-70 100,-20 C100,25 55,45 0,80 Z"/> </symbol> </defs> <!-- Pink emblem base --> <circle class="pink" cx="256" cy="256" r="220"/> <!-- Thin cream border --> <circle class="creamStroke" cx="256" cy="256" r="220"/> <!-- Repeated "BIAS" around the inner circumference --> <text class="whiteText" font-size="34"> <textPath href="#textCircle" startOffset="50%" text-anchor="middle"> BIAS BIAS BIAS BIAS BIAS BIAS BIAS BIAS </textPath> </text> <!-- Small orange hearts as separators around the ring --> <!-- Place 8 hearts evenly spaced --> <g transform="translate(256 256)"> <g transform="rotate(0) translate(0 -162)"><use href="#smallHeart" width="28" height="28" x="-14" y="-14"/></g> <g transform="rotate(45) translate(0 -162)"><use href="#smallHeart" width="28" height="28" x="-14" y="-14"/></g> <g transform="rotate(90) translate(0 -162)"><use href="#smallHeart" width="28" height="28" x="-14" y="-14"/></g> <g transform="rotate(135) translate(0 -162)"><use href="#smallHeart" width="28" height="28" x="-14" y="-14"/></g> <g transform="rotate(180) translate(0 -162)"><use href="#smallHeart" width="28" height="28" x="-14" y="-14"/></g> <g transform="rotate(225) translate(0 -162)"><use href="#smallHeart" width="28" height="28" x="-14" y="-14"/></g> <g transform="rotate(270) translate(0 -162)"><use href="#smallHeart" width="28" height="28" x="-14" y="-14"/></g> <g transform="rotate(315) translate(0 -162)"><use href="#smallHeart" width="28" height="28" x="-14" y="-14"/></g> </g> <!-- Center orange heart --> <g transform="translate(256 270)"> <use href="#bigHeart" width="260" height="240" x="-130" y="-120"/> </g> </svg>