112 lines
4.4 KiB
XML
112 lines
4.4 KiB
XML
<?xml version="1.0" encoding="UTF-8"?>
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="720" height="720" viewBox="0 0 720 720" role="img" aria-label="enroll logo">
|
|
<defs>
|
|
<linearGradient id="bgGrad" x1="0" y1="0" x2="1" y2="1">
|
|
<stop offset="0" stop-color="#F7D58A"/>
|
|
<stop offset="1" stop-color="#E8B35E"/>
|
|
</linearGradient>
|
|
|
|
<linearGradient id="crumbGrad" x1="0" y1="0" x2="0" y2="1">
|
|
<stop offset="0" stop-color="#FFE7BD"/>
|
|
<stop offset="1" stop-color="#E6A44A"/>
|
|
</linearGradient>
|
|
|
|
<linearGradient id="shineGrad" x1="0" y1="0" x2="0" y2="1">
|
|
<stop offset="0" stop-color="#FFF2D6" stop-opacity="0.85"/>
|
|
<stop offset="1" stop-color="#FFF2D6" stop-opacity="0"/>
|
|
</linearGradient>
|
|
|
|
<filter id="softShadow" x="-20%" y="-20%" width="140%" height="140%">
|
|
<feGaussianBlur in="SourceAlpha" stdDeviation="6" result="blur"/>
|
|
<feOffset dx="0" dy="10" result="off"/>
|
|
<feColorMatrix in="off" type="matrix"
|
|
values="0 0 0 0 0.15 0 0 0 0 0.08 0 0 0 0 0.02 0 0 0 0.35 0" result="shadow"/>
|
|
<feMerge>
|
|
<feMergeNode in="shadow"/>
|
|
<feMergeNode in="SourceGraphic"/>
|
|
</feMerge>
|
|
</filter>
|
|
|
|
<style>
|
|
.stroke { stroke:#5A3415; stroke-width:10; stroke-linecap:round; stroke-linejoin:round; }
|
|
.thin { stroke:#5A3415; stroke-width:7; stroke-linecap:round; stroke-linejoin:round; }
|
|
.text-dark { fill:#5A3415; font-family: ui-rounded, "Arial Rounded MT Bold", system-ui, -apple-system, "Segoe UI", Arial, sans-serif; font-weight: 800; }
|
|
.text-light { fill:#8A5A2D; font-family: ui-rounded, "Arial Rounded MT Bold", system-ui, -apple-system, "Segoe UI", Arial, sans-serif; font-weight: 800; }
|
|
.sesame { fill:#F8E6C8; opacity:0.92; }
|
|
.crumb { fill:#E9B56B; opacity:0.30; }
|
|
</style>
|
|
</defs>
|
|
|
|
<!-- NOTE: background removed for transparency -->
|
|
|
|
<!-- Roll group -->
|
|
<g filter="url(#softShadow)" transform="translate(-120,-70)">
|
|
<path class="stroke" fill="url(#crumbGrad)"
|
|
d="M220 450
|
|
C220 320, 320 235, 480 235
|
|
C640 235, 740 320, 740 450
|
|
C740 565, 640 610, 480 610
|
|
C320 610, 220 565, 220 450 Z"/>
|
|
|
|
<path d="M300 320
|
|
C340 285, 410 265, 480 265
|
|
C550 265, 620 285, 660 320
|
|
C610 305, 545 298, 480 298
|
|
C415 298, 350 305, 300 320 Z"
|
|
fill="url(#shineGrad)"/>
|
|
|
|
<g class="thin" opacity="0.85" fill="none">
|
|
<path d="M330 320 C350 285, 400 270, 430 315"/>
|
|
<path d="M420 305 C450 268, 510 268, 540 305"/>
|
|
<path d="M530 315 C560 270, 610 285, 630 320"/>
|
|
</g>
|
|
|
|
<g>
|
|
<ellipse class="sesame" cx="335" cy="368" rx="10" ry="6"/>
|
|
<ellipse class="sesame" cx="625" cy="368" rx="10" ry="6"/>
|
|
<ellipse class="sesame" cx="385" cy="345" rx="10" ry="6"/>
|
|
<ellipse class="sesame" cx="575" cy="345" rx="10" ry="6"/>
|
|
<ellipse class="sesame" cx="400" cy="330" rx="10" ry="6"/>
|
|
<ellipse class="sesame" cx="560" cy="330" rx="10" ry="6"/>
|
|
</g>
|
|
|
|
<g>
|
|
<circle class="crumb" cx="310" cy="430" r="6"/>
|
|
<circle class="crumb" cx="650" cy="430" r="6"/>
|
|
<circle class="crumb" cx="350" cy="470" r="5"/>
|
|
<circle class="crumb" cx="610" cy="470" r="5"/>
|
|
<circle class="crumb" cx="420" cy="520" r="6"/>
|
|
<circle class="crumb" cx="540" cy="520" r="6"/>
|
|
</g>
|
|
|
|
<g>
|
|
<circle cx="445" cy="365" r="12" fill="#5A3415"/>
|
|
<circle cx="515" cy="365" r="12" fill="#5A3415"/>
|
|
<path d="M445 405 C468 430, 492 430, 515 405"
|
|
fill="none" stroke="#5A3415" stroke-width="12" stroke-linecap="round"/>
|
|
</g>
|
|
|
|
<g transform="translate(330,470)">
|
|
<rect x="0" y="0" width="300" height="92" rx="26" fill="#F7C879" class="thin"/>
|
|
|
|
<g class="thin" fill="none" opacity="0.95">
|
|
<rect x="18" y="16" width="190" height="24" rx="11" fill="#FFE7BD"/>
|
|
<rect x="18" y="50" width="190" height="24" rx="11" fill="#FFE7BD"/>
|
|
<path d="M18 82 H232"/>
|
|
</g>
|
|
|
|
<g>
|
|
<circle cx="245" cy="28" r="6.5" fill="#5A3415"/>
|
|
<circle cx="268" cy="28" r="6.5" fill="#5A3415"/>
|
|
<circle cx="291" cy="28" r="6.5" fill="#5A3415"/>
|
|
<rect x="238" y="52" width="56" height="22" rx="9" fill="#FFE7BD" stroke="#5A3415" stroke-width="7"/>
|
|
</g>
|
|
</g>
|
|
</g>
|
|
|
|
<!-- Wordmark -->
|
|
<text x="360" y="650" text-anchor="middle" font-size="110">
|
|
<tspan class="text-dark">en</tspan><tspan class="text-light">roll</tspan>
|
|
</text>
|
|
</svg>
|
|
|