lian-build/assets/web/lian-icon.svg

60 lines
3.3 KiB
XML
Raw Permalink Normal View History

2026-05-04 18:23:52 +01:00
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="30 20 40 48" preserveAspectRatio="xMidYMid meet" role="img" aria-label="Lian Build icon">
<title>Lian Build icon</title>
<defs>
<linearGradient id="li-fg" x1="0" y1="1" x2="0" y2="0">
<stop offset="0" stop-color="#e86c2f"/>
<stop offset="1" stop-color="#f5a623"/>
</linearGradient>
<linearGradient id="li-cg" x1="0" y1="1" x2="0" y2="0">
<stop offset="0" stop-color="#f5a623"/>
<stop offset="1" stop-color="#fcd99e"/>
</linearGradient>
<style><![CDATA[
.li-flame{fill:url(#li-fg);opacity:0;transform-origin:50% 100%;transform-box:fill-box;animation:li-flame 23s cubic-bezier(.4,0,.2,1) infinite}
.li-core{fill:url(#li-cg);opacity:0;transform-origin:50% 100%;transform-box:fill-box;animation:li-core 23s cubic-bezier(.4,0,.2,1) infinite}
.li-cruc{fill:none;stroke:#a8a8a0;stroke-width:1.5;stroke-linecap:round;stroke-dasharray:34;stroke-dashoffset:34;animation:li-cruc 23s cubic-bezier(.4,0,.2,1) infinite}
.li-fbord{fill:none;stroke:#e86c2f;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;opacity:0;animation:li-fbord 23s cubic-bezier(.4,0,.2,1) infinite}
.li-code{opacity:0;animation:li-code 23s cubic-bezier(.4,0,.2,1) infinite}
@keyframes li-core{
0%{opacity:0;transform:scale(.5)} 1.3%{opacity:.75;transform:scale(1.05)}
3.5%{opacity:.55;transform:scale(.95)} 5.2%{opacity:.35;transform:scale(.92)}
22%{opacity:.55;transform:scale(1)} 37%{opacity:.24;transform:scale(.88)}
53%{opacity:.55;transform:scale(1)} 68%{opacity:.24;transform:scale(.88)}
83%{opacity:.55;transform:scale(1)} 99%{opacity:.35;transform:scale(.92)} 100%{opacity:0}
}
@keyframes li-flame{
0%,6.5%{opacity:0;transform:scale(.4)} 8.7%{opacity:.9;transform:scale(1)}
10.4%{opacity:1;transform:scale(1.05)} 12%{opacity:1;transform:scale(1)}
99%{opacity:1;transform:scale(1)} 100%{opacity:0;transform:scale(.4)}
}
@keyframes li-fbord{
0%,11.7%{opacity:0} 14.3%{opacity:1} 99%{opacity:1} 100%{opacity:0}
}
@keyframes li-code{
0%,15.2%{opacity:0} 17.4%{opacity:1} 99%{opacity:1} 100%{opacity:0}
}
@keyframes li-cruc{
0%,18.3%{stroke-dashoffset:34;opacity:0} 18.8%{opacity:.8}
22.6%{stroke-dashoffset:0;opacity:.8} 99%{stroke-dashoffset:0;opacity:.8}
100%{stroke-dashoffset:34;opacity:0}
}
@media (prefers-reduced-motion:reduce){
.li-flame,.li-fbord,.li-core,.li-cruc,.li-code{animation:none}
.li-flame{opacity:1} .li-fbord{opacity:1} .li-code{opacity:1}
.li-core{opacity:.35;transform:scale(.95);transform-origin:50% 100%;transform-box:fill-box}
.li-cruc{opacity:.8;stroke-dashoffset:0}
}
]]></style>
</defs>
<path class="li-cruc" d="M 33 65 L 67 65"/>
<path class="li-flame" d="M 50 62 C 33 57 33 37 50 23 C 67 37 67 57 50 62 Z"/>
<path class="li-fbord" d="M 50 62 C 33 57 33 37 50 23 C 67 37 67 57 50 62 Z"/>
<path class="li-core" d="M 50 57 C 41 52 41 40 50 32 C 59 40 59 52 50 57 Z"/>
<g class="li-code" fill="none" stroke="#c25a1a" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round">
<polyline points="46,42 43,46 46,50"/>
<line x1="51" y1="43" x2="48" y2="49"/>
<polyline points="54,42 57,46 54,50"/>
</g>
</svg>