文章目录
CSS svg
概述
SVG（Scalable Vector Graphics）是一种基于 XML 的矢量图形，由 W3C 指定，支持无损缩放、交互性和动态效果。
特点：
- 矢量特性：无论放大或缩小均保持清晰。文件体积小，适合网络传输，尤其适用于高分辨设备。
- 可编辑性：直接通过文本编辑器修改 SVG 代码，支持颜色、形状、动画参数的实时调整。
- 交互性：支持 JavaScript 和 CSS 控制，可实现点击、悬停等动态响应。
- 兼容性：主流浏览器都支持 SVG，移动的适配性强。
SVG 结构
xml
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1763863734215" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1494" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M176.469333 323.242667a37.333333 37.333333 0 0 1 52.821334 0l282.837333 282.88 282.837333-282.88a37.333333 37.333333 0 1 1 52.778667 52.821333l-305.450667 305.450667a42.666667 42.666667 0 0 1-60.330666 0l-305.493334-305.493334a37.333333 37.333333 0 0 1 0-52.778666z" fill="#000000" p-id="1495"></path></svg>SVG图标必须包裹在 <svg> 标签内。
结构：
<svg>根元素：svg是行内块元素，可以设置大小、移动位置、动画等。<path>路径元素：- d 路径指令：M 表示移动画笔到坐标点，Z 表示闭合路径。
- fill：定义填充颜色，不需要则改为none，如：
fill:#f00 - stroke：定义描边颜色，如：
stroke:#f00 - stroke-width：定义描边宽度，如：
stroke-width:2px - stroke-dasharray：定义虚线模式，单位默认px，语法：
stroke-dasharray: 实线长度 虚线长度，如：stroke-dasharry:10、stroke-dasharray:10 10 - stroke-dashoffset：起始偏移量，如：
stroke-dashoffset:100
获取svg描边的长度：在 svg 的 path 上定义id，通过该 id 在控制台执行JavaScript代码：id名.getTotalLength()
使用
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>svg基本使用</title>
<style>
* {
padding: 0;
margin: 0;
box-sizing: border-box;
}
a {
text-decoration: none;
color: #333;
}
ul {
list-style: none;
}
.nav {
width: 500px;
margin: 50px;
display: flex;
gap: 20px;
}
.nav li a {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
svg {
width: 20px;
height: 20px;
}
.nav li:hover svg {
animation: anim 0.4s;
}
@keyframes anim {
0% {
transform: translateY(0);
}
50% {
transform: translateY(-5px);
}
100% {
transform: translateY(0);
}
}
</style>
</head>
<body>
<ul class="nav">
<li>
<a href="#">
<svg class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg">
<path
d="M335.008 916.629333c-35.914667 22.314667-82.88 10.773333-104.693333-25.557333a77.333333 77.333333 0 0 1-8.96-57.429333l46.485333-198.24a13.141333 13.141333 0 0 0-4.021333-12.864l-152.16-132.586667c-31.605333-27.52-35.253333-75.648-8.234667-107.733333a75.68 75.68 0 0 1 51.733333-26.752L354.848 339.2c4.352-0.362667 8.245333-3.232 10.026667-7.594667l76.938666-188.170666c16.032-39.2 60.618667-57.92 99.52-41.461334a76.309333 76.309333 0 0 1 40.832 41.461334l76.938667 188.16c1.781333 4.373333 5.674667 7.253333 10.026667 7.605333l199.712 16.277333c41.877333 3.413333 72.885333 40.458667 69.568 82.517334a76.938667 76.938667 0 0 1-26.08 51.978666l-152.16 132.586667c-3.541333 3.082667-5.141333 8.074667-4.021334 12.853333l46.485334 198.24c9.621333 41.013333-15.36 82.336-56.138667 92.224a75.285333 75.285333 0 0 1-57.525333-9.237333l-170.976-106.24a11.296 11.296 0 0 0-12.010667 0l-170.986667 106.24zM551.786667 756.032l170.976 106.24c2.624 1.621333 5.717333 2.122667 8.650666 1.408 6.410667-1.557333 10.56-8.426667 8.928-15.424l-46.485333-198.24a77.141333 77.141333 0 0 1 24.277333-75.733333L870.293333 441.706667c2.485333-2.165333 4.053333-5.312 4.330667-8.746667 0.565333-7.136-4.490667-13.173333-10.976-13.696l-199.712-16.288a75.989333 75.989333 0 0 1-64.064-47.168l-76.938667-188.16a12.309333 12.309333 0 0 0-6.538666-6.741333c-5.898667-2.496-12.725333 0.373333-15.328 6.741333l-76.949334 188.16a75.989333 75.989333 0 0 1-64.064 47.168l-199.701333 16.288a11.68 11.68 0 0 0-7.978667 4.181333 13.226667 13.226667 0 0 0 1.333334 18.261334l152.16 132.586666a77.141333 77.141333 0 0 1 24.277333 75.733334l-46.485333 198.229333a13.333333 13.333333 0 0 0 1.514666 9.877333c3.488 5.792 10.581333 7.530667 16.064 4.128l170.986667-106.229333a75.296 75.296 0 0 1 79.562667 0z"
fill="#ff0000"/>
</svg>
<span>收藏</span>
</a>
</li>
<li>
<a href="#">
<svg class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg">
<path
d="M512 928A416 416 0 1 1 928 512 416 416 0 0 1 512 928z m0-768A352 352 0 1 0 864 512 352 352 0 0 0 512 160z m192 448H512a32 32 0 0 1-32-32V320a32 32 0 0 1 64 0v224H704a32 32 0 0 1 0 64z"
fill="#00ff00"/>
</svg>
<span>历史</span>
</a>
</li>
<li>
<a href="#">
<svg class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg">
<path
fill="#0000ff"
d="M489.427099 0.002505c76.900917 0.51322 146.236967 23.577337 206.23241 71.789243 68.966532 55.427783 109.510929 127.658395 120.432255 215.603811 9.063469 72.938857-6.333137 140.837891-46.271934 202.763041-19.2047 29.766772-43.870064 54.575837-72.19982 75.751303a347.460348 347.460348 0 0 1-69.910857 40.636777c-3.654128 1.580718-4.485545 3.602806-4.352107 7.339049 0.585071 16.423047 1.426752 32.846094 1.02644 49.187025-0.236081 8.765801-2.258169 17.634246-4.598453 26.143437-4.393165 16.002206-15.653216 26.543749-29.766772 34.242053-22.088998 12.029882-46.282199 16.423047-70.937298 18.5991a304.904128 304.904128 0 0 1-75.710246-3.079321c-20.32352-3.315403-40.031177-8.827388-58.260758-18.824917-19.143114-10.459428-28.483722-26.687451-30.310786-48.016883a235.054857 235.054857 0 0 1 2.525044-57.254847c0.626129-3.941531-0.225817-5.737802-3.921003-7.308256a310.80616 310.80616 0 0 1-103.218849-71.183643c-48.047676-49.864476-77.845242-108.864271-86.816331-178.005299a305.879246 305.879246 0 0 1 17.038911-148.833861c16.813094-44.855447 42.894945-83.860183 77.588632-117.014208 41.652952-39.928532 90.501252-66.975238 146.154852-81.684129A330.45223 330.45223 0 0 1 489.427099 0.002505z m76.983032 574.950338c2.340284-0.86221 4.105762-1.549925 5.840446-2.155524 70.906504-24.295845 124.815156-69.531074 163.399051-133.344876 16.084321-26.605336 27.395695-55.284081 31.162731-86.220995 5.132202-41.847976-2.052881-82.207614-18.763331-120.729923q-34.0265-78.255818-103.588367-128.027914c-62.10991-44.506457-131.055913-60.118616-205.801305-44.732274-65.076323 13.384783-117.794303 48.540368-159.354876 99.944504-43.192613 53.374902-64.029354 114.263348-58.199172 183.455697 4.105762 48.684069 23.207818 91.065794 53.888122 128.479548 29.007206 35.371137 64.511781 62.951591 104.399256 85.009796 11.639834 6.435781 23.546543 12.378872 35.340344 18.547778-2.432664 12.204377-5.275904 24.336902-7.185083 36.623395-2.853504 18.291168-4.177613 36.70551-1.868122 55.21223 1.221464 9.74092 2.33002 10.921326 11.506397 12.666275 40.103027 7.585395 80.616631 7.646981 121.181557 6.333137a137.963857 137.963857 0 0 0 20.354313-2.124731c15.601894-2.863769 16.423047-6.158643 17.367372-20.220877 1.868122-26.892739-0.102644-53.631512-7.31852-79.795478-0.790359-2.832976-1.488339-5.635158-2.340284-8.919768zM95.325299 1023.948678c14.903915-13.549014 29.038-26.420577 43.202877-39.281875q48.427459-43.993237 96.813861-88.027531a12.953678 12.953678 0 0 1 9.484309-3.797829q244.292821 0.143702 488.524055 0.184759c2.637952 0 5.953354 0.76983 7.800948 2.442928q68.925474 62.243347 137.543016 124.794627c1.108556 1.02644 2.360813 1.857857 4.711362 3.684921z m654.797139-51.137262c-9.720391-8.847916-18.629894-16.782301-27.31358-24.963031a12.758654 12.758654 0 0 0-9.535631-3.684921q-214.710808 0.143702-429.421616 0.092379c-8.211523 0-17.192877-1.909179-24.336902 0.882739s-12.471251 10.377313-18.568308 15.879034c-4.105762 3.695186-8.119144 7.451957-12.902356 11.845122zM488.954937 815.150167c-27.867858 0-55.745979-0.297668-83.613837 0.102644-18.157731 0.266875-32.517633-12.666275-34.396019-28.658217-1.98103-16.843887 10.264404-33.020588 27.139085-35.217171a75.617866 75.617866 0 0 1 9.710126-0.687715q81.560956-0.061586 163.121912-0.061586c14.370166 0 26.10238 4.844799 33.359314 17.870328 10.746831 19.286816-3.428311 45.697128-25.558366 46.189819-29.90021 0.718508-59.831212 0.174495-89.751951 0.174495z m1.108555-34.6321c-27.200671 0-54.401342-0.061586-81.591749 0.112909-2.268433 0-4.526602 1.621776-6.795036 2.483985 2.196583 0.739037 4.393165 2.104203 6.600012 2.114468q81.335139 0.174495 162.680543 0.092379a14.442017 14.442017 0 0 0 4.105762-0.143701c0.913532-0.277139 2.155525-1.365166 2.196582-2.145261a3.212759 3.212759 0 0 0-2.001559-2.299226 16.946531 16.946531 0 0 0-4.588188-0.205289zM489.437364 820.148932c18.804389 0 37.608777-0.071851 56.454223 0a22.725391 22.725391 0 0 1 21.770801 15.68401c3.079321 9.29955 0.205288 19.143114-8.365489 24.829593a26.831153 26.831153 0 0 1-13.795359 4.413694c-37.434282 0.34899-74.868565 0.297668-112.302847 0.133437-13.487427-0.061586-23.60813-10.151496-23.464428-22.715126s10.336255-22.314815 23.844211-22.376401c18.5991-0.041058 37.228994 0.020529 55.858888 0.030793z m-56.177085 23.484957v0.687715H544.700916v-0.687715zM534.374925 126.942392l-69.541338 135.059031H614.396221l-171.415551 227.756865-0.831417-0.472162 83.490664-178.056621H366.04896l167.432962-184.892713z"/>
</svg>
<span>创造中心</span>
</a>
</li>
</ul>
</body>
</html>
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>svg 描边</title>
<style>
* {
padding: 0;
margin: 0;
box-sizing: border-box;
}
svg {
fill: none;
stroke: red;
stroke-width: 3px;
stroke-dasharray: 2783;
stroke-dashoffset: 2783;
animation: anim 5s linear infinite;
}
@keyframes anim {
from {
stroke-dashoffset: 2783;
}
to {
stroke-dashoffset: 0;
}
}
</style>
</head>
<body>
<svg class="heart" t="1754555014655" viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg" p-id="6244" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200">
<path id="heart"
d="M32 407.584a279.584 279.584 0 0 1 480-194.944 279.584 279.584 0 0 1 480 194.944 278.144 278.144 0 0 1-113.024 224.512L562.592 892.8a96 96 0 0 1-124.416-1.952l-308.16-270.688A278.976 278.976 0 0 1 32 407.584z"
p-id="6245"></path>
</svg>
</body>
</html>
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>svg 描边</title>
<style>
* {
padding: 0;
margin: 0;
box-sizing: border-box;
}
svg {
fill: none;
stroke: blue;
stroke-width: 2;
}
svg:hover {
animation: anim 1s;
}
@keyframes anim {
from {
stroke-dasharray: 0 300;
}
to {
stroke-dasharray: 300 0;
}
}
</style>
</head>
<body>
<svg width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg">
<path d="M512 928A416 416 0 1 1 928 512 416 416 0 0 1 512 928z m0-768A352 352 0 1 0 864 512 352 352 0 0 0 512 160z m192 448H512a32 32 0 0 1-32-32V320a32 32 0 0 1 64 0v224H704a32 32 0 0 1 0 64z"/>
</svg>
<svg t="1754637101704" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
p-id="15279" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200">
<path d="M920.100099 840.52688814L878.90460593 840.52688814 878.90460593 329.72164338C878.90460593 315.9911645 871.61479627 303.29426866 859.76276196 296.38022521L650.65350918 174.38069555C638.72886871 167.42001512 623.99320425 167.37337898 612.02196638 174.2570565 600.05506177 181.14181673 592.67314328 193.90595549 592.67314328 207.72211372L592.67314328 840.52688814 548.81833725 840.52688814 548.81833725 107.38333571C548.81833725 94.41096208 542.29901471 82.30297985 531.4753757 75.16009474 520.65173916 68.02154704 506.96614383 66.80142192 495.05450815 71.91944133L168.27016528 212.2544734C154.10234045 218.33883128 144.91611945 232.28947536 144.91611945 247.71945213L144.91611945 840.52688814 103.86800495 840.52688814C96.32136733 840.52688814 90.20408343 846.64812217 90.20408343 854.19771537L90.20408343 898.67752428C90.20408343 906.22711748 96.32136733 912.34835152 103.86800495 912.34835152L920.100099 912.34835152C927.6434852 912.34835152 933.76076828 906.22711748 933.76076828 898.67752428L933.76076828 854.19771537C933.76076828 846.64812217 927.6434852 840.52688814 920.100099 840.52688814L920.100099 840.52688814ZM699.19407672 312.56396736C699.19407672 305.01003676 705.31027793 298.88771837 712.85799905 298.88771837L756.25983081 298.88771837C763.80755277 298.88771837 769.92375314 305.01003676 769.92375314 312.56396736L769.92375314 356.00477312C769.92375314 363.55436631 763.80755277 369.67668471 756.25983081 369.67668471L712.85799905 369.67668471C705.31027793 369.67668471 699.19407672 363.55436631 699.19407672 356.00477312L699.19407672 312.56396736 699.19407672 312.56396736ZM699.19407672 421.94685878C699.19407672 414.39292653 705.31027793 408.27169249 712.85799905 408.27169249L756.25983081 408.27169249C763.80755277 408.27169249 769.92375314 414.39292653 769.92375314 421.94685878L769.92375314 465.38874724C769.92375314 472.93834045 763.80755277 479.05957448 756.25983081 479.05957448L712.85799905 479.05957448C705.31027793 479.05957448 699.19407672 472.93834045 699.19407672 465.38874724L699.19407672 421.94685878 699.19407672 421.94685878ZM699.19407672 531.32649467C699.19407672 523.77690065 705.31027793 517.65458308 712.85799905 517.65458308L756.25983081 517.65458308C763.80755277 517.65458308 769.92375314 523.77690065 769.92375314 531.32649467L769.92375314 574.76729796C769.92375314 582.32123021 763.80755277 588.4435486 756.25983081 588.4435486L712.85799905 588.4435486C705.31027793 588.4435486 699.19407672 582.32123021 699.19407672 574.76729796L699.19407672 531.32649467 699.19407672 531.32649467ZM699.19407672 640.70938444C699.19407672 633.15545219 705.31027793 627.03421815 712.85799905 627.03421815L756.25983081 627.03421815C763.80755277 627.03421815 769.92375314 633.15545219 769.92375314 640.70938444L769.92375314 684.15127208C769.92375314 691.70086775 763.80755277 697.82643837 756.25983081 697.82643837L712.85799905 697.82643837C705.31027793 697.82643837 699.19407672 691.70086775 699.19407672 684.15127208L699.19407672 640.70938444 699.19407672 640.70938444ZM699.19407672 750.09335857C699.19407672 742.53942797 705.31027793 736.41710793 712.85799905 736.41710793L756.25983081 736.41710793C763.80755277 736.41710793 769.92375314 742.53942797 769.92375314 750.09335857L769.92375314 793.53416267C769.92375314 801.08375752 763.80755277 807.20607592 756.25983081 807.20607592L712.85799905 807.20607592C705.31027793 807.20607592 699.19407672 801.08375752 699.19407672 793.53416267L699.19407672 750.09335857 699.19407672 750.09335857ZM376.74872564 203.17999324C376.74872564 195.63040004 382.86492602 189.5048286 390.41264634 189.5048286L433.81881467 189.5048286C441.36653498 189.5048286 447.48273535 195.63040004 447.48273535 203.17999324L447.48273535 246.62188169C447.48273535 254.17581394 441.36653498 260.29704799 433.81881467 260.29704799L390.41264634 260.29704799C382.86492602 260.29704799 376.74872564 254.17581394 376.74872564 246.62188169L376.74872564 203.17999324 376.74872564 203.17999324ZM376.74872564 312.56396736C376.74872564 305.01003676 382.86492602 298.88771837 390.41264634 298.88771837L433.81881467 298.88771837C441.36653498 298.88771837 447.48273535 305.01003676 447.48273535 312.56396736L447.48273535 356.00477312C447.48273535 363.55436631 441.36653498 369.67668471 433.81881467 369.67668471L390.41264634 369.67668471C382.86492602 369.67668471 376.74872564 363.55436631 376.74872564 356.00477312L376.74872564 312.56396736 376.74872564 312.56396736ZM376.74872564 421.94685878C376.74872564 414.39292653 382.86492602 408.27169249 390.41264634 408.27169249L433.81881467 408.27169249C441.36653498 408.27169249 447.48273535 414.39292653 447.48273535 421.94685878L447.48273535 465.38874724C447.48273535 472.93834045 441.36653498 479.05957448 433.81881467 479.05957448L390.41264634 479.05957448C382.86492602 479.05957448 376.74872564 472.93834045 376.74872564 465.38874724L376.74872564 421.94685878 376.74872564 421.94685878ZM376.74872564 531.32649467C376.74872564 523.77690065 382.86492602 517.65458308 390.41264634 517.65458308L433.81881467 517.65458308C441.36653498 517.65458308 447.48273535 523.77690065 447.48273535 531.32649467L447.48273535 574.76729796C447.48273535 582.32123021 441.36653498 588.4435486 433.81881467 588.4435486L390.41264634 588.4435486C382.86492602 588.4435486 376.74872564 582.32123021 376.74872564 574.76729796L376.74872564 531.32649467 376.74872564 531.32649467ZM376.74872564 640.70938444C376.74872564 633.15545219 382.86492602 627.03421815 390.41264634 627.03421815L433.81881467 627.03421815C441.36653498 627.03421815 447.48273535 633.15545219 447.48273535 640.70938444L447.48273535 684.15127208C447.48273535 691.70086775 441.36653498 697.82643837 433.81881467 697.82643837L390.41264634 697.82643837C382.86492602 697.82643837 376.74872564 691.70086775 376.74872564 684.15127208L376.74872564 640.70938444 376.74872564 640.70938444ZM376.74872564 750.09335857C376.74872564 742.53942797 382.86492602 736.41710793 390.41264634 736.41710793L433.81881467 736.41710793C441.36653498 736.41710793 447.48273535 742.53942797 447.48273535 750.09335857L447.48273535 793.53416267C447.48273535 801.08375752 441.36653498 807.20607592 433.81881467 807.20607592L390.41264634 807.20607592C382.86492602 807.20607592 376.74872564 801.08375752 376.74872564 793.53416267L376.74872564 750.09335857 376.74872564 750.09335857ZM245.16805631 312.56396736C245.16805631 305.01003676 251.28534103 298.88771837 258.83197864 298.88771837L302.23814532 298.88771837C309.78153152 298.88771837 315.90206601 305.01003676 315.90206601 312.56396736L315.90206601 356.00477312C315.90206601 363.55436631 309.78153152 369.67668471 302.23814532 369.67668471L258.83197864 369.67668471C251.28534103 369.67668471 245.16805631 363.55436631 245.16805631 356.00477312L245.16805631 312.56396736 245.16805631 312.56396736ZM245.16805631 421.94685878C245.16805631 414.39292653 251.28534103 408.27169249 258.83197864 408.27169249L302.23814532 408.27169249C309.78153152 408.27169249 315.90206601 414.39292653 315.90206601 421.94685878L315.90206601 465.38874724C315.90206601 472.93834045 309.78153152 479.05957448 302.23814532 479.05957448L258.83197864 479.05957448C251.28534103 479.05957448 245.16805631 472.93834045 245.16805631 465.38874724L245.16805631 421.94685878 245.16805631 421.94685878ZM245.16805631 531.32649467C245.16805631 523.77690065 251.28534103 517.65458308 258.83197864 517.65458308L302.23814532 517.65458308C309.78153152 517.65458308 315.90206601 523.77690065 315.90206601 531.32649467L315.90206601 574.76729796C315.90206601 582.32123021 309.78153152 588.4435486 302.23814532 588.4435486L258.83197864 588.4435486C251.28534103 588.4435486 245.16805631 582.32123021 245.16805631 574.76729796L245.16805631 531.32649467 245.16805631 531.32649467ZM245.16805631 640.70938444C245.16805631 633.15545219 251.28534103 627.03421815 258.83197864 627.03421815L302.23814532 627.03421815C309.78153152 627.03421815 315.90206601 633.15545219 315.90206601 640.70938444L315.90206601 684.15127208C315.90206601 691.70086775 309.78153152 697.82643837 302.23814532 697.82643837L258.83197864 697.82643837C251.28534103 697.82643837 245.16805631 691.70086775 245.16805631 684.15127208L245.16805631 640.70938444 245.16805631 640.70938444ZM245.16805631 750.09335857C245.16805631 742.53942797 251.28534103 736.41710793 258.83197864 736.41710793L302.23814532 736.41710793C309.78153152 736.41710793 315.90206601 742.53942797 315.90206601 750.09335857L315.90206601 793.53416267C315.90206601 801.08375752 309.78153152 807.20607592 302.23814532 807.20607592L258.83197864 807.20607592C251.28534103 807.20607592 245.16805631 801.08375752 245.16805631 793.53416267L245.16805631 750.09335857 245.16805631 750.09335857Z"
p-id="15280"></path>
</svg>
</body>
</html>
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>svg-拆分动画</title>
<style>
svg {
overflow: visible;
display: block;
width: 1200px;
margin: 100px auto;
}
.drone {
animation: anim 10s linear infinite;
}
@keyframes anim {
0% {
transform: translate(0px);
}
25% {
transform: translate(100px, -50px);
}
50% {
transform: translate(200px);
}
75% {
transform: translate(100px, 50px);
}
100% {
transform: translate(0px);
}
}
</style>
</head>
<body>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1155.353 121.928" class="overflow-visible">
<g transform="translate(42.091 54.928)" class="drone">
<path fill="#3f3d56" d="M14.199 11.026h4.441v.167a2 2 0 0 1-2 2h-.447a2 2 0 0 1-2-2v-.167Z"></path>
<path fill="#3f3d56"
d="m28.421 8.586-7.662-1.633-.04-.446q-.002-.05-.013-.1l3.624-1.6a.71.71 0 0 1 1.008-.3s1.231.187.97-1.008-1.94-.336-1.94-.336l-4.4 1.371-.719-1.709a1.42 1.42 0 0 0-1.307-.868h-2.561a1.42 1.42 0 0 0-1.282.811l-.844 1.779L8.81 3.162s-1.679-.858-1.941.336.97 1.008.97 1.008a.71.71 0 0 1 1.008.3l3.546 1.562-.069.146a1.4 1.4 0 0 0-.13.48L4.752 8.586a1.017 1.017 0 0 0-.724 1.394l.175.411a1.01 1.01 0 0 0 1.526.43.76.76 0 0 0 .314-.634l6.231-1.451a3.72 3.72 0 0 0 3.624 2.887h1.212A3.72 3.72 0 0 0 20.742 8.7l6.384 1.486a.75.75 0 0 0 .315.634 1.01 1.01 0 0 0 1.526-.43l.175-.411a1.017 1.017 0 0 0-.724-1.394Z">
</path>
<path fill="#6c63ff"
d="M24.852 1.877 21.083 0s-.39.017-.214.214 4.244 2.1 4.244 2.1zM25.86 2.65a2.1 2.1 0 0 0 .821 1.119 35 35 0 0 0 4.179 1.418l.523-.336-3.919-2.162-1.306-.149-.3.112ZM28.353 8.94a2.1 2.1 0 0 0 1.385-.094 35 35 0 0 0 3.436-2.769v-.621l-3.926 2.149-.83 1.023z">
</path>
<path fill="#6c63ff"
d="M28.698 9.028a2.1 2.1 0 0 0-1.339-.366 35 35 0 0 0-4.154 1.489l-.2.588 4.414-.742 1.116-.7.164-.273ZM8.322 1.877 12.091 0s.39.017.214.214-4.244 2.1-4.244 2.1zM7.312 2.65a2.1 2.1 0 0 1-.821 1.119 35 35 0 0 1-4.179 1.42l-.522-.336 3.922-2.164 1.306-.149.3.112ZM4.821 8.94a2.1 2.1 0 0 1-1.385-.094A35 35 0 0 1 0 6.077v-.621l3.927 2.149.829 1.023z">
</path>
<path fill="#6c63ff"
d="M4.476 9.028a2.1 2.1 0 0 1 1.339-.366 35 35 0 0 1 4.155 1.489l.2.588-4.414-.742-1.116-.7-.164-.273Z"></path>
<circle cx="1.045" cy="1.045" r="1.045" fill="#3f3d56" transform="translate(24.348 1.772)"></circle>
<circle cx="1.045" cy="1.045" r="1.045" fill="#3f3d56" transform="translate(6.605 1.866)"></circle>
</g>
<path fill="#a0616a"
d="M25.399 94.493c1.243-.441 2.479-.158 2.76.634s-.5 1.79-1.744 2.232a3.3 3.3 0 0 1-1.549.181l-5.292 1.8-.793-2.5 5.3-1.512a3.3 3.3 0 0 1 1.317-.836Z">
</path>
<path fill="#e4e4e4"
d="M23.474 98.235 13.03 103.08l-.026.012-8.492-5.185a2.663 2.663 0 1 1 3.048-4.356l6.262 4.989 8.874-3.258z">
</path>
<g transform="translate(4.024 81.87)">
<path fill="#ffb4b4" d="m6.011 12.603.7-4.374-4.724-1.925-.7 6.649Z"></path>
<circle cx="4.818" cy="4.818" r="4.818" fill="#a0616a"></circle>
</g>
<g fill="#2f2e41">
<path
d="M4.06 118.061q.472.207 1.013.4c5.4 1.871 11.655-2.239 15.244-5.2a35 35 0 0 0 2.938-2.7l3.541 1.771 2.358 1.179.458.231 1.4.7 2.158 1.079.26.13.178.052 3.178.922.649-2.273s-.222-.2-.61-.541c-2.366-2.084-10.9-9.508-13.135-10.065-1.012-.253-3.171.577-5.432 1.685-3.546 1.738-7.339 4.159-7.339 4.159l-1.515-2.165-5.217 1.178-1.98.447-1.192.27s-3.706 5.781 3.046 8.749Z">
</path>
<path
d="M36.568 114.019s.758-.758 1.191-.433a10 10 0 0 1 .866.758s3.355.216 3.463 1.84-2.273 2.165-2.273 2.165-7.792.649-7.792-.433a4.8 4.8 0 0 1 1.147-2.4s3.723-.631 3.398-1.497">
</path>
</g>
<g fill="#2f2e41">
<path
d="M4.06 118.061c5.823-2.14 10.862-7.5 10.862-7.5l5.4 2.7 4.519 2.259.26.13 3.355.974.649-2.273s-.222-.2-.61-.541c-.4-.356-.99-.869-1.693-1.476-2.31-2-5.894-5.019-8.54-6.9-3.546 1.738-7.339 4.159-7.339 4.159l-1.515-2.165-5.217 1.177a77 77 0 0 0-1.6.987l-.378-.54-1.192.27s-3.706 5.781 3.046 8.749Z">
</path>
<path
d="M28.235 114.019s.758-.758 1.19-.433a10 10 0 0 1 .866.758s3.355.216 3.463 1.84-2.273 2.165-2.273 2.165-7.793.649-7.793-.433a4.8 4.8 0 0 1 1.147-2.4s3.723-.628 3.4-1.494Z">
</path>
</g>
<path fill="#e4e4e4"
d="M1.574 100.998a14.72 14.72 0 0 1 3.621-8.606l.021-.023 5.473 1.095 1.2 3.538a8.94 8.94 0 0 1-.5 6.886l-1.333 2.619.441 2.424-9.478.436H.958l.618-8.371Z">
</path>
<path fill="#2f2e41"
d="m23.34 102.826-.088-9.7a1.09 1.09 0 0 1 .842-1.076l2.413-.575a.792.792 0 0 1 .976.768l.029 10.387a.655.655 0 0 1-.655.657h-3.049a.47.47 0 0 1-.467-.463Z">
</path>
<path fill="#6c63ff"
d="m24.22 92.258.23-.055v.349a.17.17 0 0 0 .208.168l.931-.227a.31.31 0 0 0 .231-.3v-.319l.446-.107a.506.506 0 0 1 .618.5l.057 10.073a.74.74 0 0 1-.733.754h-2.3a.463.463 0 0 1-.458-.464l-.089-9.249a1.135 1.135 0 0 1 .86-1.121Z">
</path>
<path fill="#a0616a"
d="M27.46 98.849c1.294-.26 2.476.2 2.642 1.02s-.749 1.7-2.043 1.961a3.3 3.3 0 0 1-1.559-.041l-5.494 1.033-.43-2.589 5.462-.744a3.3 3.3 0 0 1 1.422-.641Z">
</path>
<path fill="#e4e4e4"
d="M6.299 99.263a2.663 2.663 0 1 1 3.636-3.879l5.489 5.828 9.189-1.952.058-.012.352 3.034-11.055 3.32Z"></path>
<path fill="#2f2e41"
d="M11.645 82.176a4.27 4.27 0 0 1 1.68 2.772 3.33 3.33 0 0 1-.73 2.676c-.967 1.172-1.124 3.345-1.074 5.034a1.71 1.71 0 0 1-1.909 1.748c-2.21-.26-3.3 5.166-4.917 5.922a4.07 4.07 0 0 1-3.463 0s.541-6.061 1.732-7.793c.748-1.088.852-5.039.987-6.619a5.48 5.48 0 0 1 2.462-4.163 4.24 4.24 0 0 1 5.233.423Z">
</path>
<path fill="#6c63ff"
d="M1132.479 66.141h-20.9a1.456 1.456 0 0 1-1.454-1.454v-8.305a1.456 1.456 0 0 1 1.457-1.454h20.9a1.456 1.456 0 0 1 1.454 1.454v8.305a1.456 1.456 0 0 1-1.454 1.454Z">
</path>
<path fill="#d8d8d8"
d="M1132.479 91.575h-20.9a1.456 1.456 0 0 1-1.454-1.454v-8.305a1.456 1.456 0 0 1 1.457-1.454h20.9a1.456 1.456 0 0 1 1.454 1.454v8.305a1.456 1.456 0 0 1-1.457 1.454M1132.352 78.71h-8.215a1.53 1.53 0 0 1-1.53-1.53v-7.965a1.53 1.53 0 0 1 1.53-1.53h8.215a1.53 1.53 0 0 1 1.53 1.53v7.965a1.53 1.53 0 0 1-1.53 1.53M1119.823 78.71h-8.215a1.53 1.53 0 0 1-1.53-1.53v-7.965a1.53 1.53 0 0 1 1.53-1.53h8.215a1.53 1.53 0 0 1 1.53 1.53v7.965a1.53 1.53 0 0 1-1.53 1.53">
</path>
<path fill="#ec9c9f" d="m1153.558 111.832-1.731 1.818-1.845-1.706 1.731-1.818Z"></path>
<path fill="#090814"
d="m1154.941 113.694-3.68 3.864a3.1 3.1 0 0 1-1.136.755l-1.026.391a.6.6 0 0 1-.622-.119.58.58 0 0 1-.12-.7l.987-1.851 1.053-3.754.011.007c.286.176.721.441.752.452a1.33 1.33 0 0 0 1.16-.408 1.65 1.65 0 0 0 .141-1.32v-.006a.43.43 0 0 1 .358-.116.83.83 0 0 1 .476.382c.245-.01 1 .579 1.059.627a1.07 1.07 0 0 1 .805.261.8.8 0 0 1 .186.641 1.47 1.47 0 0 1-.404.894">
</path>
<path fill="#ec9c9f" d="M1149.03 113.925h2.53v2.493h-2.53z"></path>
<path fill="#090814"
d="M1151.127 118.685h-5.378a3.14 3.14 0 0 1-1.336-.3l-.991-.47a.584.584 0 0 1 .1-1.094l2.045-.558 3.5-1.812v.013c.065.327.167.82.18.85a1.32 1.32 0 0 0 1.1.555 1.7 1.7 0 0 0 1.073-.8v-.006h.007a.43.43 0 0 1 .331.178.8.8 0 0 1 .042.6 3.4 3.4 0 0 1 .26 1.19 1.04 1.04 0 0 1 .358.757.81.81 0 0 1-.347.573 1.5 1.5 0 0 1-.944.324M1151.86 82.532h-8.965l-2.988 18.642 8.965 10.655 2.988-2.664-7.085-7.991Z">
</path>
<path fill="#090814" d="m1146.562 85.28 5.3-2.748v31.965l-2.988.082Z"></path>
<path fill="#ec9c9f"
d="m1141.254 90.007.063-2.91-1.7-.037-.063 2.91a1.78 1.78 0 0 0-.537 1.27 1.384 1.384 0 1 0 2.718.059 1.78 1.78 0 0 0-.481-1.292">
</path>
<path fill="#090814"
d="M1149.31 61.59a1.57 1.57 0 0 0 1.528-2.355c-.911-2.35-2.608-1.3-2.608-1.3a1.17 1.17 0 0 0-.567 1.22"></path>
<path fill="#ec9c9f"
d="M1149.554 62.717a3.262 3.262 0 1 0-4.24 3.113l.631 4.168 3.215-2.674a8 8 0 0 1-1.067-1.882 3.26 3.26 0 0 0 1.461-2.72Z">
</path>
<path fill="#090814"
d="M1147.859 65.473s.433-1.661-.275-2.425-.8.424-.8.424l-.51-.111s.089-1.153-.909-1.353l.643-1.375s-2.462.478-2.53.24c-.534-1.876 4.559-3.479 5.966-.616 2.191 4.452-1.585 5.216-1.585 5.216">
</path>
<path fill="#6c63ff" d="M1144.978 68.379a5.42 5.42 0 0 0-4.362 4.838l-1.474 16.437h2.582Z"></path>
<path fill="#6c63ff"
d="m1142.531 81.476-.4 4.641 10.936-3.217-1.333-3.354 2.481-5.7-5.065-7.26-4.044.276-1.562 2.022"></path>
<path fill="#ec9c9f"
d="m1151.451 85.883 1.525-2.479-1.447-.891-1.525 2.479a1.78 1.78 0 0 0-1.106.824 1.384 1.384 0 1 0 2.316 1.425 1.78 1.78 0 0 0 .237-1.358">
</path>
<path fill="#6c63ff"
d="m1148.321 66.679.882-.037 1.508 1.139c1.786.3 2.3.39 2.852 1.57a6 6 0 0 1 .468 1.564l1.275 8.078-3.206 7.72-2.124-2.389 2.271-6.036-.377-1.444">
</path>
<g transform="translate(160.716 45.928)">
<path fill="#000019" d="m23.083 34.901-.398-.238L41.222 3.719l.398.238z"></path>
<path fill="#f3a3a6" d="m36.988 22.577-3 .989v-4.329h2.727Z"></path>
<circle cx="2.995" cy="2.995" r="2.995" fill="#f3a3a6" transform="translate(31.36 14.445)"></circle>
<path fill="#2f2e43"
d="m35.116 17.674-.412.5-.747-1.307s-.953.049-.953-.659-.875-.727-.875-.727-1.238-2.162 1.326-1.592c0 0 1.779-1.219 2.662-.177 0 0 2.712 1.365 1.935 3.743l-1.289 2.451-.292-.555s.177-2.329-1.356-1.68Z">
</path>
<path fill="#f3a3a6" d="M29.882 66.821h2.647v3.756h-2.647z"></path>
<path fill="#2f2e43"
d="M30.175 72.729c.453.04 2.718.22 2.832-.3a2.2 2.2 0 0 0-.071-1.043c-.217-2.167-.3-2.191-.348-2.2q-.116-.034-.668.32l-.023.015-.005.027a.83.83 0 0 1-.935.707 1.38 1.38 0 0 1-.751-.257.32.32 0 0 0 .139-.116.4.4 0 0 0 .029-.339 5.3 5.3 0 0 0-.407-.914l-.034-.061-3.009 2.03-1.858.531a.48.48 0 0 0-.31.274.48.48 0 0 0 .121.541 3.3 3.3 0 0 0 1.712.887c.187.018.435.024.713.024 1.162 0 2.858-.12 2.871-.123Z">
</path>
<path fill="#f3a3a6" d="m38.872 63.587 2.1-1.612 2.286 2.978-2.099 1.613z"></path>
<path fill="#2f2e43"
d="M42.703 68.094c.384-.243 2.291-1.48 2.064-1.961a2.2 2.2 0 0 0-.691-.784c-1.492-1.586-1.57-1.556-1.618-1.538q-.114.044-.335.66l-.009.025.013.024a.834.834 0 0 1-.311 1.13 1.4 1.4 0 0 1-.752.254.3.3 0 0 0 .039-.177.4.4 0 0 0-.183-.287 5.4 5.4 0 0 0-.88-.478l-.063-.028-1.152 3.442-1.152 1.552a.48.48 0 0 0-.078.407.48.48 0 0 0 .426.355 3.3 3.3 0 0 0 1.9-.338c.158-.1.359-.245.58-.415a47 47 0 0 0 2.2-1.844ZM28.246 39.843l9.994 1.02s1.427 4.691-.612 6.935l-1.224 6.323 5.507 7.547-3.468 2.244-4.895-5.3v8.971l-4.691-.408-2.243-14.074z">
</path>
<path fill="#ccc"
d="M32.733 21.893s.815-1.427 4.283-1.224l.815 1.836s2.447.612 2.447 4.283-1.224 14.686-1.224 14.686l-11.932-.714 5.519-17.252.09-1.616Z">
</path>
<path fill="#6c63ff"
d="M44.828 5.999a19.8 19.8 0 0 1-.549 8.389L31.153 7.477q.342-.408.707-.8a18.46 18.46 0 0 1 7.11-4.655 30 30 0 0 1 3.078 1.541 35 35 0 0 1 2.647 1.667q.074.381.131.764Z">
</path>
<path fill="#6c63ff"
d="M37.387 2.264a18.8 18.8 0 0 0-4.216 2.667 18.5 18.5 0 0 0-2.359 2.366L22.14 2.732s6.02-5.093 16.32-.916q-.545.208-1.075.45ZM44.917 13.44a20.3 20.3 0 0 0 .219-7.893c9.2 6.634 8.323 13.676 8.323 13.676l-8.838-4.653q.164-.559.3-1.128Z">
</path>
<path fill="#f3a3a6"
d="M21.886 34.918c-.78.359-1.216 1.064-.975 1.576s1.071.636 1.851.278a2.07 2.07 0 0 0 .8-.626l3.285-1.563-.809-1.575-3.152 1.71a2.1 2.1 0 0 0-1 .2">
</path>
<path fill="#ccc"
d="m23.922 36.068 7.931-2.59.009-.009 6.041-5.59a2.489 2.489 0 1 0-3.6-3.425l-4.537 5.418-6.534 4.245Z"></path>
</g>
<g transform="translate(545.833 94.998)">
<path fill="#faafb2"
d="M33.26 24.546c.912.185 1.745-.154 1.859-.756s-.53-1.241-1.442-1.426a2.25 2.25 0 0 0-1.1.036l-14.282-2.293-.54 2.869 14.5 1.108a2.3 2.3 0 0 0 1 .462Z">
</path>
<path fill="#6c63ff"
d="M10.316 18.482v1.958c.21 1.384.948 1.76 2.312 2.075a39 39 0 0 0 4.893.972c.065-.2 1.633-3.528 1.274-5.227z">
</path>
<path fill="#faafb2" d="m10.411 22.752 1.093-3.326H6.717v3.018Z"></path>
<circle cx="3.314" cy="3.314" r="3.314" fill="#faafb2" transform="translate(1.415 16.524)"></circle>
<path fill="#36344e"
d="M4.399 20.748c-.016-.555-.578-.92-1.09-1.135s-1.1-.438-1.311-.951c-.173-.421.994-1.163.684-1.5s-1.99-.009-2.289.359a2.25 2.25 0 0 0-.379 1.343 13.8 13.8 0 0 0 .276 3.448 3.7 3.7 0 0 0 .872 1.926 3.76 3.76 0 0 0 2.517.849 5.03 5.03 0 0 0 2.707-.456 2.22 2.22 0 0 0 1.2-2.3 6 6 0 0 0-1.495.036 2.1 2.1 0 0 1-1.434-.306.92.92 0 0 1-.2-1.309">
</path>
<path fill="#36344e"
d="M5.549 24.83a1.66 1.66 0 0 0-.4 1.136 1.15 1.15 0 0 0 .847.926 1.47 1.47 0 0 0 1.254-.286 2.08 2.08 0 0 0 .7-1.107 1.17 1.17 0 0 0-.007-.757.77.77 0 0 0-.949-.4">
</path>
<path fill="#faafb2" d="M43.142 21.981h2.924l.222-7.817h-2.74Z"></path>
<path fill="#36344e"
d="M48.913 24.492c.308 0 .581-.008.788-.026a3.65 3.65 0 0 0 1.891-.98.53.53 0 0 0 .134-.6.53.53 0 0 0-.342-.3L49.331 22l-3.323-2.242-.037.066a6 6 0 0 0-.45 1.01.45.45 0 0 0 .033.374.36.36 0 0 0 .154.129 1.54 1.54 0 0 1-.829.284.92.92 0 0 1-1.033-.781l-.006-.03-.025-.016c-.4-.26-.651-.377-.737-.353-.054.016-.143.043-.384 2.435a2.44 2.44 0 0 0-.078 1.152c.125.573 2.627.376 3.127.33.014 0 1.888.135 3.171.135ZM19.31 11.744l3.536 4.963.634.889 1.976-.905a6.78 6.78 0 0 0 7.408-3.951l4.7-4.5 2.711-2.594c-.576 3.622 3.27 8.519 3.27 8.519h2.745S46.123.953 43.323.047a4.43 4.43 0 0 0-2.233.371c-6.232 2.091-21.78 11.326-21.78 11.326">
</path>
<path fill="#faafb2" d="M40.402 21.981h2.925l.221-7.817-3.146.658Z"></path>
<path fill="#36344e"
d="M46.174 24.492c.308 0 .581-.008.788-.026a3.65 3.65 0 0 0 1.891-.98.53.53 0 0 0 .134-.6.53.53 0 0 0-.342-.3L46.592 22l-3.323-2.242-.037.066a6 6 0 0 0-.45 1.01.45.45 0 0 0 .033.374.36.36 0 0 0 .154.129 1.54 1.54 0 0 1-.829.284.92.92 0 0 1-1.033-.781l-.006-.03-.025-.016c-.4-.26-.651-.377-.737-.353-.054.016-.143.043-.384 2.435a2.44 2.44 0 0 0-.078 1.152c.125.573 2.627.376 3.127.33.014 0 1.888.135 3.171.135ZM19.31 11.743l3.536 4.963a6.774 6.774 0 0 0 7.277-3.968l7.415-7.095a10.2 10.2 0 0 0 .029 2.594 11.63 11.63 0 0 0 2.835 6.583l3.146-.659S43.404 3.135 41.09.416c-6.231 2.091-21.779 11.326-21.779 11.326Z">
</path>
<path fill="#6c63ff"
d="m8.601 19.426 1.222 3.32a4.07 4.07 0 0 0 4.133.4c2.057-.961 4.81-2.477 5.065-3.8l4.459-1.749-1.237-7.987-9.051 4.5a11.6 11.6 0 0 0-3.573 2.738 4.96 4.96 0 0 0-1.211 2.053z">
</path>
<path fill="#faafb2"
d="M32.959 24.46c.923.111 1.726-.293 1.793-.9s-.627-1.195-1.551-1.306a2.24 2.24 0 0 0-1.091.124l-14.42-1.145-.309 2.9 14.541-.052a2.26 2.26 0 0 0 1.036.381Z">
</path>
<path fill="#6c63ff"
d="m9.417 20.988.373 1.922c.47 1.319 1.266 1.548 2.665 1.6a39 39 0 0 0 4.988.022c.026-.2.932-3.775.255-5.373l-8.282 1.834Z">
</path>
</g>
<g transform="translate(832.716 -16.569)">
<path id="kite" fill="#6c63ff" d="m73.83 47.313 13.3-20.454-13.3-10.29-13.3 10.29Z"></path>
<path fill="#faafb2" d="m41.366 86.769 3.322-.091-1.538-4.277-2.7.969Z"></path>
<circle cx="3.148" cy="3.148" r="3.148" fill="#faafb2" transform="translate(38.998 77.609)"></circle>
<path fill="#faafb2" d="M41.591 133.375h-2.466v-3.498h2.466z"></path>
<path fill="#2f2e43"
d="M41.316 135.38c-.422.039-2.532.205-2.636-.279a2.05 2.05 0 0 1 .066-.97c.2-2.018.279-2.04.323-2.053q.11-.032.622.3l.021.013v.025a.776.776 0 0 0 .872.659 1.3 1.3 0 0 0 .7-.238.3.3 0 0 1-.13-.108.38.38 0 0 1-.027-.316 5 5 0 0 1 .38-.852l.031-.056 2.8 1.891 1.73.494a.44.44 0 0 1 .289.256.45.45 0 0 1-.112.5 3.1 3.1 0 0 1-1.594.827c-.174.016-.4.023-.664.023-1.083 0-2.662-.112-2.673-.114Z">
</path>
<path fill="#faafb2" d="m31.116 132.828-2.418-.484.686-3.43 2.418.484z"></path>
<path fill="#2f2e43"
d="M30.461 134.74c-.42-.044-2.522-.3-2.532-.79a2.05 2.05 0 0 1 .256-.94c.595-1.939.672-1.947.721-1.951q.115-.01.552.415l.017.017v.025a.776.776 0 0 0 .724.817 1.3 1.3 0 0 0 .732-.1.3.3 0 0 1-.107-.132.38.38 0 0 1 .035-.316 5 5 0 0 1 .538-.761l.041-.048 2.377 2.4 1.6.825a.45.45 0 0 1 .232.308.45.45 0 0 1-.209.473 3.1 3.1 0 0 1-1.726.5 8 8 0 0 1-.655-.108 47 47 0 0 1-2.6-.635ZM45.561 101.684l-11.744-1.251-5.4 29.13 3.76.469 6.342-19.185-.314 19.733h4.067Z">
</path>
<path fill="#dfdfe0" d="m44.932 84.932-6.419-.713-6.342 20.516s3.21-.626 5.168 1.41 8.7-.277 8.7-.277z"></path>
<path fill="#faafb2"
d="M50.975 106.548c.174.86-.145 1.647-.715 1.755s-1.172-.5-1.346-1.362a2.1 2.1 0 0 1 .035-1.036l-.692-3.655 1.788-.283.492 3.634a2.1 2.1 0 0 1 .436.947Z">
</path>
<path fill="#dfdfe0" d="m42.467 84.693 2.464.242a3.05 3.05 0 0 1 2.355 2.373l3.584 17.428h-2.423l-5.98-20.045Z">
</path>
<path fill="#2f2e43"
d="m40.385 82.717.31-.141a2.28 2.28 0 0 1 .081-1.743c.182-.275.492-.492.531-.819.033-.271-.139-.548-.064-.812s.389-.4.662-.5a4.6 4.6 0 0 1 1.313-.3 1.53 1.53 0 0 1 1.215.482 2 2 0 0 1 .223.351c.227.411.618 1.2.618 1.2s-.016-.182-.014-.544a3.9 3.9 0 0 0 .3-.961 1.8 1.8 0 0 0-.364-1.137 3.03 3.03 0 0 0-2.315-1.331c-.922-.043-1.767.021-2.233.817a3 3 0 0 1-.269.444 4.6 4.6 0 0 1-.761.579 2.54 2.54 0 0 0-.908 1.978 6.7 6.7 0 0 0 .56 2.055 2.32 2.32 0 0 0 1.263 1.358l-.184-.924">
</path>
<path fill="#dfdfe0"
d="m42.396 85.066-.037.05-1.12 1.53-1.292 1.769-.291.4-1.065 1.459a10 10 0 0 1-.9.912l-.012.01c-.2.182-.43.376-.682.569-1.424 1.1-3.566 2.168-5.426.728-2.361-1.829 2.818-5.9 5.455-7.764a3.35 3.35 0 0 1 2.977-.447Z">
</path>
<path fill="#faafb2"
d="M42.337 87.216a2.1 2.1 0 0 1-.79.318 2 2 0 0 1-.194.027l-1.34.99-.354.262-1.255.928-1.044-1.48 1.927-1.273 1.178-.779a2.1 2.1 0 0 1 .721-.746 2.1 2.1 0 0 1 1.1-.351.4.4 0 0 1 .072 0 .89.89 0 0 1 .738.364c.32.488-.023 1.265-.759 1.74">
</path>
<path fill="#dfdfe0" d="m40.241 89.047-.984-2.123-4.36 1.627 2.1 3.212Z"></path>
<path fill="#2f2e43"
d="m42.724 91.784-.835-3.779a3.615 3.615 0 0 1 2.439-4.25c11.615-3.7 16.579-9.92 18.5-13.3a184 184 0 0 0 10.815-23.142l.182.068a184 184 0 0 1-10.828 23.171c-4.519 7.932-13.6 11.793-18.615 13.389a3.42 3.42 0 0 0-2.307 4.023l.835 3.779Z">
</path>
<path fill="#faafb2"
d="M42.335 87.217a2.1 2.1 0 0 1-.79.318 1.53 1.53 0 0 1-.306-.887v-.023a1.71 1.71 0 0 1 1.046-1.511c.035-.017-.037.014 0 0h.072a.89.89 0 0 1 .738.364c.321.488-.022 1.268-.76 1.739">
</path>
<path fill="#2f2e43"
d="M117.476 77.591s-2.421-.587-3.888 2.958c-1.222 2.954-2.088 4.533-1.1 5.606a1.96 1.96 0 0 0 1.383.608l5.583.182s2.049-5.373.8-7.316a3.96 3.96 0 0 0-2.784-2.038Z">
</path>
<path fill="#faafb2" d="m118.633 86.502-2.685.881v-3.864h2.435ZM116.571 133.337h-2.514l-1.459-13.44h3.888Z">
</path>
<path fill="#2f2e43"
d="M111.608 135.494c-.265 0-.5-.006-.678-.023a3.14 3.14 0 0 1-1.625-.843.45.45 0 0 1-.114-.513.46.46 0 0 1 .294-.261l1.765-.5 2.857-1.927.031.058a5 5 0 0 1 .387.868.39.39 0 0 1-.027.322.3.3 0 0 1-.132.11 1.3 1.3 0 0 0 .713.244.79.79 0 0 0 .889-.672v-.025l.021-.014q.522-.336.633-.3c.047.014.124.037.329 2.094a2.1 2.1 0 0 1 .068.99c-.108.492-2.259.323-2.689.285-.006-.009-1.618.107-2.722.107">
</path>
<path fill="#faafb2" d="M122.253 133.337h-2.514l-1.459-13.44h3.888Z"></path>
<path fill="#2f2e43"
d="M117.29 135.494c-.265 0-.5-.006-.678-.023a3.14 3.14 0 0 1-1.625-.843.45.45 0 0 1-.114-.513.46.46 0 0 1 .294-.261l1.765-.5 2.857-1.927.031.058a5 5 0 0 1 .387.868.39.39 0 0 1-.027.322.3.3 0 0 1-.132.11 1.3 1.3 0 0 0 .713.244.79.79 0 0 0 .889-.672v-.025l.021-.014c.347-.223.562-.325.633-.3.047.014.124.037.329 2.094a2.1 2.1 0 0 1 .068.99c-.107.492-2.259.323-2.689.285-.006-.009-1.618.107-2.722.107">
</path>
<path fill="#dfdfe0" d="M122.977 100.33h-12.219l4.391-14.456h4.872Z"></path>
<path fill="#faafb2"
d="M110.425 108.442c-.145.885-.736 1.521-1.319 1.418s-.937-.9-.792-1.788a2.17 2.17 0 0 1 .409-.978l.666-3.742 1.811.38-.848 3.649a2.2 2.2 0 0 1 .074 1.063Z">
</path>
<path fill="#dfdfe0" d="M115.919 85.878s-3.035-.079-3.355.719-4.074 19.807-4.074 19.807h2.476l4.951-20.525Z">
</path>
<circle cx="2.675" cy="2.675" r="2.675" fill="#faafb2" transform="translate(113.889 79.081)"></circle>
<path fill="#2f2e43"
d="M116.984 78.475s-3.434 5.11-2.857 8.3l-2-1.251s1.406-6.452 3.5-6.954l1.352-.093ZM120.438 100.33h-8.02l-4.387 18.007a1.55 1.55 0 0 0 1.141 1.668c2.408.645 8.184 1.557 16.926-.986a1.56 1.56 0 0 0 1.054-1.968Z">
</path>
<path fill="#dfdfe0"
d="m117.195 85.874 2.495-.11a3.43 3.43 0 0 1 2.636 1.585c1.763 2.785 5.06 8.659 2.115 9.463-3.88 1.06-5.761-4.841-5.761-4.841l-1.486-6.1Z">
</path>
<path fill="#faafb2"
d="M116.339 87.625c-.513-.736-.531-1.6-.041-1.937s1.3-.006 1.813.732a2.14 2.14 0 0 1 .387.986l2.131 3.15-1.563.99-1.933-3.21a2.2 2.2 0 0 1-.792-.711Z">
</path>
<path fill="#dfdfe0" d="m117.6 90.172 1.761-1.621 3.481 3.241-3.237 2.212Z"></path>
</g>
<g transform="translate(1231.716 -429.942)">
<path fill="#e6e6e6"
d="m-724.897 545.149 10.838-16.116-10.816 17.854.023 1.814q-1.187.009-2.351-.04l.538-23.311-.015-.18.02-.035.051-2.2-11.868-17.232 11.854 15.583.042.466.406-17.613-10.251-17.872 10.28 14.771-.107-36.489v-.121.12l.68 28.758 9.343-11.682-9.308 14.163.2 15.754 8.6-15.375-8.565 17.692.113 8.76 12.5-21.418-12.464 24.474Z">
</path>
<path fill="#9f616a" d="M-755.367 507.287s-.889-6.517-2.37-4.74 0 4.444 0 4.444l1.185 1.481 1.185-.889Z"></path>
<path fill="#6c63ff"
d="M-751.812 509.365s-2.962-3.259-3.555-2.666-2.37.889-2.074 2.074 6.517 5.036 6.517 5.036Z">
</path>
<path d="M-751.812 509.365s-2.962-3.259-3.555-2.666-2.37.889-2.074 2.074 6.517 5.036 6.517 5.036Z"
opacity="0.1">
</path>
<path fill="#9f616a"
d="M-734.927 509.069v2.37s.3 5.332-1.481 5.036-.889-4.74-.889-4.74l.3-2.666ZM-735.815 526.252s2.666 4.147 3.555 4.444 5.629 2.962 6.221 5.629l4.147 5.332-2.074 2.666s-9.48-10.072-12.146-10.961-5.332-5.332-5.332-5.332ZM-756.848 519.438s-5.629.889-4.74 4.444 9.48 10.961 9.48 10.961l.3 1.778 3.259.592 1.481-1.481-.3-.889s-3.555-3.259-3.851-4.444-3.555-5.925-5.036-6.221l2.074-1.185Z">
</path>
<path fill="#2f2e41"
d="M-722.781 541.656s-1.185-1.777.593-1.481 2.962.593 2.962 1.778-1.481 9.48-3.259 8.887-.3-3.259-.3-3.259-.889-2.37-1.481-2.666-.593-1.778 0-1.778 1.782-.888 1.485-1.481M-747.961 535.139s0-1.481 1.185 0 1.777 2.666.592 3.555a60 60 0 0 1-5.332 2.962s-4.444.889-3.851-1.185c0 0 2.963-1.481 2.963-2.666s0-3.259.889-2.666 3.554.889 3.554 0M-742.332 512.921s4.147.592 3.851 6.517c0 0 5.332 5.332 3.851 7.11s-4.74 5.036-5.925 4.147-4.74-7.7-4.74-7.7-8.295 2.962-9.776 1.481a20.3 20.3 0 0 1-2.962-5.036l7.406-3.851Z">
</path>
<circle cx="3.555" cy="3.555" r="3.555" fill="#9f616a" transform="translate(-757.441 488.924)"></circle>
<path fill="#9f616a" d="M-751.22 492.776s2.074 3.259 2.666 3.555-4.147 3.259-4.147 3.259 0-3.851-1.481-4.74Z">
</path>
<path fill="#6c63ff"
d="M-750.924 496.034s4.74-1.481 5.629.889 2.962 6.814 2.666 9.776-.889 2.37 0 3.259 1.481.3 1.185 1.481-.593 1.185-.3 1.777-3.555 2.666-6.814 2.962l-3.259.3s0-5.332-.592-6.517-1.778-3.555-1.778-4.444v-2.352a9 9 0 0 1 1.185-4.462s1.782-2.669 2.078-2.669">
</path>
<path fill="#6c63ff"
d="M-747.368 497.219s10.961.889 12.146 3.851 1.778 8.887.593 8.887-2.666.592-2.962 0-1.481-6.517-1.777-6.517-9.184-.889-9.184-.889-3.853-4.739 1.184-5.332">
</path>
<path fill="#2f2e41"
d="M-754.029 491.598s-.943-1.639-2.123-.215-3.1-1.193-2.8-1.751 1.334.025 3.117-.557 5.215-1.769 5.79 2.1-.794 3.466-.794 3.466-.628-3.431-1.2-2.445l-.567.985-.492.121Z">
</path>
</g>
</svg>
</body>
</html>