examples/rocket.svg

<svg width="400" height="400" viewBox="0 0 400 400" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_22_865)">
<rect width="400" height="400" fill="#314076"/>
<path d="M318 313L320.193 321.882C320.549 323.325 321.675 324.451 323.118 324.807L332 327L323.118 329.193C321.675 329.549 320.549 330.675 320.193 332.118L318 341L315.807 332.118C315.451 330.675 314.325 329.549 312.882 329.193L304 327L312.882 324.807C314.325 324.451 315.451 323.325 315.807 321.882L318 313Z" fill="#98ABED"/>
<path d="M318 186L319.401 191.674C319.757 193.117 320.883 194.243 322.326 194.599L328 196L322.326 197.401C320.883 197.757 319.757 198.883 319.401 200.326L318 206L316.599 200.326C316.243 198.883 315.117 197.757 313.674 197.401L308 196L313.674 194.599C315.117 194.243 316.243 193.117 316.599 191.674L318 186Z" fill="#98ABED"/>
<path d="M59 88L62.3807 101.695C62.7368 103.137 63.863 104.263 65.3055 104.619L79 108L65.3055 111.381C63.863 111.737 62.7368 112.863 62.3807 114.305L59 128L55.6193 114.305C55.2632 112.863 54.137 111.737 52.6945 111.381L39 108L52.6945 104.619C54.137 104.263 55.2632 103.137 55.6193 101.695L59 88Z" fill="#98ABED"/>
<path d="M93 55L94.2028 59.8724C94.5589 61.3148 95.6852 62.4411 97.1276 62.7972L102 64L97.1276 65.2028C95.6852 65.5589 94.5589 66.6852 94.2028 68.1276L93 73L91.7972 68.1276C91.4411 66.6852 90.3148 65.5589 88.8724 65.2028L84 64L88.8724 62.7972C90.3148 62.4411 91.4411 61.3148 91.7972 59.8724L93 55Z" fill="#98ABED"/>
<circle cx="117.5" cy="76.5" r="2.5" fill="#98ABED"/>
<circle cx="340" cy="245" r="3" fill="#98ABED"/>
<circle cx="284.5" cy="313.5" r="4.5" fill="#98ABED"/>
<circle cx="316" cy="250" r="2" fill="#98ABED"/>
<path d="M73.041 278.055C99.2969 244.45 131.449 246.165 144.359 251.298C167.932 295.616 116.07 330.505 114.656 329.091C113.242 327.676 117.956 318.247 118.899 313.532C109.814 324.015 96.5209 332.879 89.7407 336.751C89.3069 336.998 88.8404 336.521 89.083 336.085L97.6832 320.604C84.8388 332.715 60.2411 345.807 48.6433 351.283C48.2644 351.462 47.8553 351.128 47.9666 350.724C51.8843 336.512 68.1675 310.429 75.9956 298.917C70.7283 302.867 64.3597 306.387 60.8394 308.158C60.4103 308.374 59.9748 307.92 60.2094 307.5C67.9555 293.656 82.3272 280.689 88.7253 275.815L73.5206 278.856C73.0688 278.946 72.7574 278.418 73.041 278.055Z" fill="#39A1C4"/>
<path d="M99.8751 274.072C118.473 255.151 136.912 251.305 143.887 251.77C152.706 267.202 132.709 290.152 120.773 300.48C120.434 300.774 119.92 300.497 119.965 300.05L120.785 291.845C108.596 301.883 95.1575 307.321 89.1336 309.049C88.7529 309.158 88.4201 308.794 88.5507 308.42C93.9498 292.959 105.005 279.971 109.942 275.343L100.204 274.92C99.7738 274.901 99.5734 274.379 99.8751 274.072Z" fill="#87CFD4"/>
<path d="M115.869 238.824L133.043 225.839L172.647 265.442L159.053 281.508C157.751 283.047 156.058 284.35 154.128 283.768C150.449 282.66 143.569 278.39 132.572 266.857C120.865 254.579 115.985 246.93 114.373 243.052C113.713 241.465 114.498 239.861 115.869 238.824Z" fill="#EB79AF"/>
<path d="M173.517 148.26L182.076 198.494L106.399 223.719C102.447 225.037 98.0948 224.21 94.9008 221.536L66.4467 197.714C63.1502 194.954 63.7409 189.725 67.5701 187.77L159.112 141.033C165.122 137.965 172.384 141.608 173.517 148.26Z" fill="#6B5095"/>
<path d="M252.583 227.325L202.349 218.767L177.123 294.444C175.806 298.396 176.632 302.748 179.306 305.942L203.128 334.396C205.888 337.692 211.118 337.102 213.073 333.272L259.809 241.73C262.878 235.72 259.235 228.459 252.583 227.325Z" fill="#6B5095"/>
<path d="M305.13 140.503C276.087 200.474 216.965 254.127 191.034 273.457C188.048 275.814 175.853 274.494 150.959 250.355C126.066 226.216 123.3 211.695 125.029 207.451C158.031 165.019 211.307 116.458 258.454 93.8275C305.601 71.197 341.433 65.5394 305.13 140.503Z" fill="#FEF1D5"/>
<path d="M258.454 93.8276C305.601 71.1971 341.433 65.5394 305.13 140.503L303.244 144.275C278.727 122.776 260.778 103.066 254.867 95.8984L258.454 93.8276Z" fill="#304076"/>
<path d="M166.989 259.785L146.716 280.058" stroke="#304076" stroke-width="2"/>
<path d="M159.917 252.713L139.172 273.457" stroke="#304076" stroke-width="2"/>
<path d="M152.845 245.641C125.028 216.881 125.971 209.338 125.028 207.452C123.614 211.381 121.241 220.668 149.073 249.412C172.081 273.174 187.105 275.5 191.505 273.929C188.048 273.614 174.728 268.265 152.845 245.641Z" fill="#304076"/>
<path d="M305.13 140.503C341.433 65.5395 305.601 71.1971 258.454 93.8276C259.397 96.0278 270.052 108.443 305.13 140.503Z" fill="#EB79AF"/>
<circle cx="222.622" cy="176.806" r="20.6695" transform="rotate(45 222.622 176.806)" fill="#F771A1"/>
<circle cx="258.454" cy="140.974" r="20.6695" transform="rotate(45 258.454 140.974)" fill="#F771A1"/>
<circle cx="222.622" cy="176.806" r="15.3354" transform="rotate(45 222.622 176.806)" fill="#314076"/>
<circle cx="258.454" cy="140.974" r="15.3354" transform="rotate(45 258.454 140.974)" fill="#314076"/>
<path d="M137.758 230.554L117.956 249.412" stroke="#304076" stroke-width="2"/>
<path d="M152.374 245.169L131.629 265.914" stroke="#304076" stroke-width="2"/>
<path d="M144.83 237.626L124.085 257.427" stroke="#304076" stroke-width="2"/>
<rect x="180.19" y="176.806" width="58.6747" height="36.0049" rx="6" transform="rotate(45 180.19 176.806)" fill="#4FAAAB"/>
<rect x="180.19" y="184.35" width="48.0065" height="25.3368" rx="4" transform="rotate(45 180.19 184.35)" fill="#324076"/>
<path d="M221.518 42.5936C230.889 39.3342 234.149 37.9081 235.575 39.9452C236.994 41.9724 235.79 42.7896 230.157 46.6121L230.075 46.6678L229.921 46.7723C224.136 50.6974 211.087 59.5518 206.241 65.2049C206.988 65.0013 208.726 64.8798 209.704 66.0203C210.926 67.4461 210.722 68.6683 209.297 70.7049C207.871 72.742 199.722 82.9283 193 87.41C186.277 91.8916 177.518 89.8539 173.647 86.5946C169.777 83.3352 164.277 75.1873 168.554 66.0203C172.832 56.8534 175.887 60.3162 175.887 61.3348C177.517 59.5014 182.366 54.8975 188.721 51.1493C196.666 46.4639 203.796 44.0192 205.63 45.4452C207.096 46.5859 206.648 48.0938 206.241 48.7049V49.3162C208.21 48.1619 214.022 45.201 221.518 42.5936ZM185.049 64.6786C185.005 65.9892 183.932 67.0378 182.61 67.0379C181.516 67.0378 180.588 66.3188 180.277 65.327C177.095 66.7032 174.869 69.8704 174.869 73.5575C174.869 78.5074 178.882 82.5202 183.832 82.5203C187.207 82.5203 190.145 80.6536 191.674 77.8973C190.435 77.5073 189.536 76.3505 189.536 74.9832C189.536 73.296 190.904 71.9279 192.591 71.9276C192.609 71.9276 192.627 71.9283 192.644 71.9286C192.466 70.9595 192.134 70.0448 191.672 69.2118C191.376 69.6219 190.895 69.8905 190.35 69.8905C189.451 69.8901 188.721 69.1603 188.721 68.2606C188.721 67.5979 189.117 67.0279 189.685 66.7733C188.404 65.6673 186.809 64.9176 185.049 64.6786ZM179.757 68.6678C180.657 68.6678 181.387 69.3978 181.387 70.2977C181.387 71.1977 180.658 71.9276 179.757 71.9276C178.858 71.9272 178.129 71.1975 178.129 70.2977C178.129 69.398 178.858 68.6681 179.757 68.6678Z" fill="#FEF1D5"/>
<path d="M185.05 64.6787C186.809 64.9178 188.405 65.6673 189.686 66.7734C189.117 67.0281 188.722 67.5979 188.722 68.2607C188.722 69.1606 189.451 69.8904 190.351 69.8906C190.895 69.8906 191.376 69.6221 191.672 69.2119C192.135 70.0451 192.467 70.9596 192.645 71.9287C192.627 71.9284 192.609 71.9277 192.592 71.9277C190.904 71.928 189.536 73.2959 189.536 74.9834C189.536 76.3508 190.435 77.5075 191.674 77.8975C190.145 80.6538 187.207 82.5205 183.832 82.5205C178.882 82.5204 174.869 78.5076 174.869 73.5576C174.869 69.8704 177.096 66.7033 180.277 65.3271C180.589 66.319 181.516 67.0381 182.61 67.0381C183.932 67.038 185.005 65.9894 185.05 64.6787ZM179.758 68.668C178.858 68.6682 178.129 69.3979 178.129 70.2979C178.129 71.1978 178.858 71.9275 179.758 71.9277C180.658 71.9277 181.388 71.1979 181.388 70.2979C181.388 69.3978 180.658 68.668 179.758 68.668Z" fill="#39A1C4"/>
</g>
<defs>
<clipPath id="clip0_22_865">
<rect width="400" height="400" fill="white"/>
</clipPath>
</defs>
</svg>