Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. You can use the CSS from another Pen by using it's URL and the proper URL extention.

+ add another resource

JavaScript

Babel includes JSX processing.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Packages

Add Packages

Search for and use JavaScript packages from npm here. By selecting a package, an import statement will be added to the top of the JavaScript editor for this package.

Behavior

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                <svg width="300" height="100" viewBox="0 0 300 150" fill="none" xmlns="http://www.w3.org/2000/svg">
<g x="0" y="0">
<path d="M164.739 53.9269C165.272 56.4925 165.22 58.5379 164.726 60.1742C164.233 61.8113 163.278 63.1066 161.888 64.1428C159.049 66.2604 154.396 67.2963 148.279 67.668C142.203 68.0372 134.894 67.7445 126.893 67.3729C126.253 67.3432 125.608 67.3129 124.959 67.2825C117.524 66.9338 109.568 66.5606 101.585 66.6289C97.8924 66.6605 94.2025 66.7152 90.5647 66.7692C77.1086 66.9687 64.3657 67.1577 54.8137 66.126C48.7183 65.4676 44.1307 64.3279 41.494 62.5193C40.2057 61.6356 39.4473 60.6358 39.1514 59.5035C38.8532 58.3624 38.985 56.9346 39.7768 55.1248C44.605 44.0897 51.4471 30.7447 61.3396 20.1304C71.2147 9.53478 84.0906 1.69748 101.039 1.55253C118.075 1.40683 131.054 7.08318 141.242 16.4715C151.44 25.869 158.884 39.0279 164.739 53.9269Z" fill="#6B7672" stroke="black" stroke-width="2"/>
<path d="M164.11 59.3522L164.084 59.2791C158.406 43.7416 151.121 29.8133 141.016 19.7974C130.881 9.75158 117.941 3.67519 101.076 3.81943C84.1184 3.96445 71.2871 12.4171 61.5697 23.6324C51.8669 34.8306 45.2112 48.8436 40.5616 60.2865L41.2067 60.5486L40.5616 60.2865C39.6943 62.4211 39.4486 64.3586 39.8704 66.0905C40.2951 67.8345 41.3652 69.2409 42.8826 70.3608C45.8556 72.5551 50.7062 73.7677 56.5775 74.4535C65.8768 75.5397 78.276 75.3493 91.2024 75.1509C94.6716 75.0977 98.1788 75.0438 101.674 75.014C109.271 74.949 116.847 75.3359 123.987 75.7006C124.607 75.7323 125.224 75.7638 125.837 75.7948C133.489 76.1819 140.611 76.4963 146.567 76.1109C152.483 75.728 157.471 74.6466 160.694 72.0627C164.037 69.3819 165.278 65.2693 164.126 59.4287L164.11 59.3522Z" fill="#6A838A" stroke="black" stroke-width="2" />
<path d="M168.97 69.5862C185.311 76.9283 195.702 86.8365 198.616 97.7621C184.983 105.827 165.557 109.566 147.18 111.23C131.296 112.669 116.527 112.536 107.443 112.454C105.671 112.438 104.114 112.424 102.809 112.424C90.5007 112.424 72.3905 111.042 54.3167 108.035C37.3637 105.215 20.6828 101.004 8.87411 95.2949C17.3306 82.0307 27.7971 72.7561 42.0194 66.6793C57.1323 60.2221 76.6471 57.3064 102.809 57.3064C128.85 57.3064 151.901 61.9173 168.97 69.5862Z" fill="#ABB1AD" stroke="#6B7672" stroke-width="5"/>
<g id="rickhead">
  <path d="M90.9188 52.4191L94.3356 50.8972H109.678L114.702 52.4191V48.9028L118.789 50.8972L117.248 45.7539L123.412 44.7568L118.789 39.2462L123.412 33.9455L116.176 31.1115L126.426 25.6009H111.888L113.027 16.8365L103.179 23.6591L94.3356 15.4719L92.1248 26.6506L80.9365 23.6591L87.3011 32.476L80.9365 34.9427L87.3011 39.2462L82.3434 41.7653L87.3011 44.7568L84.9563 48.9028H90.9188V52.4191Z" fill="#B0DDF7" stroke="black" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
  <mask id="path-5-inside-1" fill="white">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M112.102 46.6188C110.358 51.4449 106.828 55.4176 102.248 54.7283C96.1908 54.7283 93.2622 51.1469 92.0066 46.6603C90.7196 46.522 89.3279 45.6556 88.4795 44.3461C87.3146 42.548 87.6155 40.5952 89.1517 39.9845C89.764 39.7411 90.4802 39.7477 91.1939 39.9575C91.1939 32.9799 91.2063 25.9683 102.248 25.9683C111.948 25.9683 113.282 32.889 113.302 39.8215C113.786 39.7683 114.255 39.8176 114.675 39.9846C116.211 40.5953 116.512 42.548 115.347 44.3462C114.56 45.5605 113.306 46.3938 112.102 46.6188Z"/>
  </mask>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M112.102 46.6188C110.358 51.4449 106.828 55.4176 102.248 54.7283C96.1908 54.7283 93.2622 51.1469 92.0066 46.6603C90.7196 46.522 89.3279 45.6556 88.4795 44.3461C87.3146 42.548 87.6155 40.5952 89.1517 39.9845C89.764 39.7411 90.4802 39.7477 91.1939 39.9575C91.1939 32.9799 91.2063 25.9683 102.248 25.9683C111.948 25.9683 113.282 32.889 113.302 39.8215C113.786 39.7683 114.255 39.8176 114.675 39.9846C116.211 40.5953 116.512 42.548 115.347 44.3462C114.56 45.5605 113.306 46.3938 112.102 46.6188Z" fill="#CFC9AF"/>
  <path d="M112.102 46.6188L111.734 44.6528L110.609 44.863L110.221 45.9393L112.102 46.6188ZM102.248 54.7283L102.546 52.7506L102.398 52.7283H102.248V54.7283ZM92.0066 46.6603L93.9326 46.1213L93.5675 44.8166L92.2204 44.6718L92.0066 46.6603ZM88.4795 44.3461L86.801 45.4336L86.801 45.4336L88.4795 44.3461ZM89.1517 39.9845L89.8905 41.843L89.1517 39.9845ZM91.1939 39.9575L90.6298 41.8763L93.1939 42.6302L93.1939 39.9575L91.1939 39.9575ZM102.248 25.9683L102.248 27.9683H102.248V25.9683ZM113.302 39.8215L111.302 39.8272L111.309 42.053L113.521 41.8095L113.302 39.8215ZM114.675 39.9846L115.414 38.1261L115.414 38.1261L114.675 39.9846ZM115.347 44.3462L113.668 43.2588L113.668 43.2588L115.347 44.3462ZM110.221 45.9393C109.426 48.1397 108.262 50.0264 106.898 51.2573C105.568 52.4579 104.12 52.9875 102.546 52.7506L101.951 56.706C104.956 57.1583 107.563 56.0463 109.579 54.2264C111.561 52.4367 113.034 49.9241 113.983 47.2983L110.221 45.9393ZM102.248 52.7283C99.6439 52.7283 97.8874 51.9716 96.6518 50.8787C95.3819 49.7555 94.4935 48.1258 93.9326 46.1213L90.0806 47.1993C90.7752 49.6815 91.979 52.0858 94.0017 53.8749C96.0587 55.6943 98.7951 56.7283 102.248 56.7283V52.7283ZM92.2204 44.6718C91.5968 44.6047 90.7157 44.1195 90.1581 43.2587L86.801 45.4336C87.94 47.1917 89.8423 48.4392 91.7928 48.6489L92.2204 44.6718ZM90.1581 43.2587C89.7864 42.685 89.7468 42.2362 89.7794 42.0246C89.7947 41.9254 89.8222 41.8874 89.8264 41.8819C89.8269 41.8812 89.8359 41.8648 89.8905 41.843L88.4128 38.126C86.9237 38.718 86.0451 39.9941 85.8261 41.4154C85.6154 42.7824 86.0077 44.2091 86.801 45.4336L90.1581 43.2587ZM89.8905 41.843C89.9915 41.8029 90.234 41.7599 90.6298 41.8763L91.7581 38.0387C90.7264 37.7354 89.5365 37.6793 88.4128 38.126L89.8905 41.843ZM93.1939 39.9575C93.1939 36.3148 93.2442 33.3766 94.3497 31.2786C94.8545 30.3206 95.5902 29.5372 96.7473 28.9666C97.942 28.3774 99.6845 27.9683 102.248 27.9683L102.248 23.9683C99.2909 23.9683 96.8912 24.4356 94.978 25.3791C93.0272 26.3412 91.6895 27.7468 90.811 29.4139C89.1499 32.5662 89.1939 36.6225 89.1939 39.9575L93.1939 39.9575ZM102.248 27.9683C106.541 27.9683 108.569 29.4446 109.687 31.3196C110.937 33.4146 111.292 36.3938 111.302 39.8272L115.302 39.8158C115.292 36.3167 114.971 32.3692 113.123 29.2708C111.144 25.9523 107.655 23.9683 102.248 23.9683V27.9683ZM115.414 38.1261C114.642 37.8193 113.837 37.7506 113.083 37.8335L113.521 41.8095C113.735 41.7859 113.867 41.8159 113.936 41.8431L115.414 38.1261ZM117.025 45.4336C117.819 44.2091 118.211 42.7825 118 41.4155C117.781 39.9941 116.903 38.7181 115.414 38.1261L113.936 41.8431C113.99 41.8648 113.999 41.8813 114 41.882C114.004 41.8875 114.032 41.9254 114.047 42.0247C114.08 42.2363 114.04 42.6851 113.668 43.2588L117.025 45.4336ZM112.469 48.5848C114.251 48.2518 115.963 47.0738 117.025 45.4336L113.668 43.2588C113.157 44.0472 112.361 44.5358 111.734 44.6528L112.469 48.5848Z" fill="black" mask="url(#path-5-inside-1)"/>
  <path d="M91.3877 39.9285C91.5689 44.6425 91.8114 46.322 92.4596 47.8007" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M113.094 39.9285C112.845 44.6425 112.512 46.322 111.62 47.8007" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M111.036 32.8485C111.037 32.8486 111.035 32.8499 111.032 32.8524C111.035 32.8498 111.036 32.8485 111.036 32.8485ZM108.938 32.8066C109.587 32.8774 110.104 32.9578 110.483 33.0425C110.293 33.0855 110.049 33.1286 109.74 33.1692C108.456 33.338 106.206 33.4456 102.375 33.4456C98.5443 33.4456 96.2949 33.338 95.0103 33.1692C94.6228 33.1182 94.338 33.0634 94.1319 33.0098C94.1855 32.9893 94.2434 32.9685 94.3052 32.9474C94.8101 32.7752 95.5207 32.6091 96.3054 32.5261C97.0966 32.4424 97.9688 32.4415 98.9753 32.4633C99.2572 32.4694 99.5499 32.4773 99.8534 32.4855C100.624 32.5062 101.465 32.5289 102.375 32.5289C105.113 32.5288 107.371 32.6358 108.938 32.8066ZM111.087 33.237C111.098 33.2437 111.102 33.2472 111.101 33.2473C111.101 33.2473 111.095 33.244 111.087 33.237ZM93.7186 32.8524C93.7153 32.8499 93.714 32.8486 93.7141 32.8485C93.7143 32.8485 93.716 32.8498 93.7186 32.8524Z" fill="#B0DDF7" stroke="black"/>
  <path d="M100.571 38.7739C100.571 39.587 100.411 40.1213 100.211 40.4765C100.015 40.8256 99.7489 41.0584 99.4385 41.2228C98.7685 41.5775 97.9217 41.6051 97.2281 41.6051C96.0897 41.6051 95.3646 41.3131 94.884 40.8753C94.4054 40.4393 94.0461 39.7467 93.8626 38.695C93.8787 37.897 94.1387 37.2461 94.5727 36.7964C95.0129 36.3401 95.7242 35.9952 96.8145 35.9952C98.0645 35.9952 99.0122 36.1898 99.6254 36.5965C100.159 36.9502 100.571 37.5517 100.571 38.7739Z" fill="#F4F4F4" stroke="black" stroke-width="2"/>
  <path d="M103.911 38.7739C103.911 37.0653 104.379 36.5673 104.785 36.3443C105.05 36.1988 105.414 36.1014 105.919 36.0489C106.427 35.9963 106.998 35.9952 107.668 35.9952C108.867 35.9952 109.598 36.2375 110.061 36.6269C110.507 37.0013 110.867 37.6487 111.022 38.832C110.991 40.2473 109.816 41.5526 107.668 41.5526C106.418 41.5526 105.47 41.358 104.857 40.9514C104.324 40.5977 103.911 39.9961 103.911 38.7739Z" fill="#F4F4F4" stroke="black" stroke-width="2"/>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M96.4083 38.3708L96.286 38.0391L96.1513 38.4048L95.7218 38.0838L95.8972 38.5924H95.4223L95.7276 38.788L95.4075 38.9842L95.9244 39.0205L95.7522 39.4877L96.1239 39.2496L96.2494 39.6135L96.3895 39.212L96.8199 39.4877L96.6669 39.0727L97.084 39.1019L96.7473 38.8503L97.1498 38.5924H96.6058L96.758 38.1565L96.4083 38.3708Z" fill="black"/>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M109.004 39.1056L108.882 38.7738L108.747 39.1398L108.317 38.8187L108.492 39.3271H108.018L108.323 39.5227L108.003 39.7191L108.52 39.7554L108.348 40.2225L108.719 39.9845L108.845 40.3484L108.985 39.9467L109.415 40.2225L109.262 39.8076L109.679 39.8368L109.343 39.5852L109.745 39.3271H109.201L109.353 38.8914L109.004 39.1056Z" fill="black"/>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M107.742 48.9979C107.745 48.9993 107.748 49.0007 107.751 49.0021L107.768 48.9956L107.742 48.9979Z" fill="black"/>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M97.3392 47.8998C97.0425 47.9384 96.746 48.0113 96.4663 48.1202C95.5725 48.6536 95.3329 49.2757 95.7753 49.9316C96.3686 50.539 97.5254 50.6143 98.6144 50.3206C97.4392 50.474 96.3514 50.2203 96.0065 49.6608C95.6423 49.0699 96.2277 48.3342 97.3392 47.8998Z" fill="black"/>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M108.025 47.4344C108.326 47.4225 108.635 47.4442 108.938 47.5038C109.957 47.8753 110.36 48.443 110.107 49.1578C109.693 49.8506 108.583 50.1176 107.439 50.0126C107.439 50.0126 107.439 50.0126 107.439 50.0126C108.629 49.966 109.623 49.5362 109.807 48.9318C110.002 48.2937 109.229 47.673 108.025 47.4344Z" fill="black"/>
<path d="M102.695 48.9945C102.625 48.9546 102.555 48.9201 102.485 48.8902C102.778 48.8661 103.063 48.8512 103.305 48.8532C103.538 48.8552 103.816 48.8738 104.1 48.9007C104.045 48.9227 103.989 48.9478 103.935 48.9764C103.629 49.1357 103.432 49.3606 103.303 49.5836C103.17 49.3602 102.974 49.1538 102.695 48.9945Z" fill="#D1EBC4" stroke="black" stroke-width="2" stroke-linejoin="round"/>
</g>
<path d="M35.889 67.4689L39.0444 56.9544L165.512 57.3252L169.549 67.5245L35.889 67.4689Z" fill="#6B7672" stroke="black" stroke-width="2"/>
<path d="M63.8948 62.2561C63.8948 64.7819 61.8663 66.8219 59.3732 66.8219C56.8801 66.8219 54.8516 64.7819 54.8516 62.2561C54.8516 59.7303 56.8801 57.6903 59.3732 57.6903C61.8663 57.6903 63.8948 59.7303 63.8948 62.2561Z" fill="#323D40" stroke="black"/>
<rect x="58.3962" y="58.2863" width="1.36311" height="7.34367" fill="#323D40" stroke="black"/>
<path d="M63.8948 62.2561C63.8948 64.7819 61.8663 66.8219 59.3732 66.8219C56.8801 66.8219 54.8516 64.7819 54.8516 62.2561C54.8516 59.7303 56.8801 57.6903 59.3732 57.6903C61.8663 57.6903 63.8948 59.7303 63.8948 62.2561Z" fill="#323D40" stroke="black"/>
<rect x="58.3962" y="58.2863" width="1.36311" height="7.34367" fill="#323D40" stroke="black"/>
<path d="M108.203 62.8521C108.203 65.3778 106.175 67.4179 103.682 67.4179C101.189 67.4179 99.1602 65.3778 99.1602 62.8521C99.1602 60.3263 101.189 58.2863 103.682 58.2863C106.175 58.2863 108.203 60.3263 108.203 62.8521Z" fill="#323D40" stroke="black"/>
<rect x="102.705" y="58.8823" width="1.36311" height="7.34367" fill="#323D40" stroke="black"/>
<path d="M147.785 63.4481C147.785 65.9739 145.757 68.0139 143.264 68.0139C140.771 68.0139 138.742 65.9739 138.742 63.4481C138.742 60.9224 140.771 58.8823 143.264 58.8823C145.757 58.8823 147.785 60.9224 147.785 63.4481Z" fill="#323D40" stroke="black"/>
<rect x="142.287" y="59.4783" width="1.36311" height="7.34367" fill="#323D40" stroke="black"/>
<path d="M55.8475 68.5831C55.8599 68.5491 55.8716 68.517 55.8825 68.4869L60.7414 68.4869L55.1125 107.845L55.108 107.844L55.0965 107.842L55.0849 107.839L55.0732 107.837L55.0614 107.835L55.0495 107.832L55.0375 107.83L55.0253 107.828L55.0131 107.825L55.0007 107.823L54.9882 107.82L54.9757 107.818L54.963 107.815L54.9502 107.813L54.9373 107.81L54.9243 107.808L54.9112 107.805L54.8979 107.803L54.8846 107.8L54.8712 107.797L54.8576 107.795L54.844 107.792L54.8303 107.789L54.8164 107.787L54.8025 107.784L54.7884 107.781L54.7742 107.778L54.76 107.776L54.7456 107.773L54.7312 107.77L54.7166 107.767L54.7019 107.764L54.6872 107.761L54.6723 107.758L54.6573 107.755L54.6423 107.752L54.6271 107.749L54.6119 107.746L54.5965 107.743L54.5811 107.74L54.5655 107.737L54.5499 107.734L54.5341 107.731L54.5183 107.728L54.5024 107.725L54.4863 107.722L54.4702 107.719L54.454 107.715L54.4377 107.712L54.4213 107.709L54.4048 107.706L54.3882 107.703L54.3716 107.699L54.3548 107.696L54.3379 107.693L54.321 107.689L54.3039 107.686L54.2868 107.683L54.2696 107.679L54.2523 107.676L54.2349 107.672L54.2174 107.669L54.1999 107.666L54.1822 107.662L54.1645 107.659L54.1466 107.655L54.1287 107.652L54.1107 107.648L54.0927 107.644L54.0745 107.641L54.0562 107.637L54.0379 107.634L54.0195 107.63L54.001 107.626L53.9824 107.623L53.9637 107.619L53.945 107.615L53.9262 107.612L53.9073 107.608L53.8883 107.604L53.8692 107.601L53.8501 107.597L53.8308 107.593L53.8115 107.589L53.7922 107.585L53.7727 107.582L53.7532 107.578L53.7335 107.574L53.7139 107.57L53.6941 107.566L53.6743 107.562L53.6543 107.558L53.6343 107.554L53.6143 107.55L53.5941 107.547L53.5739 107.543L53.5536 107.539L53.5333 107.535L53.5129 107.531L53.4923 107.527L53.4718 107.523L53.4511 107.518L53.4304 107.514L53.4096 107.51L53.3888 107.506L53.3678 107.502L53.3469 107.498L53.3258 107.494L53.3047 107.49L53.2835 107.486L53.2622 107.481L53.2409 107.477L53.2195 107.473L53.198 107.469L53.1765 107.464L53.1549 107.46L53.1332 107.456L53.1115 107.452L53.0897 107.447L53.0679 107.443L53.046 107.439L53.024 107.435L53.0019 107.43L52.9798 107.426L52.9577 107.422L52.9355 107.417L52.9132 107.413L52.8908 107.408L52.8684 107.404L52.846 107.4L52.8234 107.395L52.8009 107.391L52.7782 107.386L52.7555 107.382L52.7328 107.377L52.71 107.373L52.6871 107.368L52.6642 107.364L52.6412 107.359L52.6182 107.355L52.5951 107.35L52.572 107.346L52.5488 107.341L52.5255 107.337L52.5022 107.332L52.4789 107.327L52.4555 107.323L52.432 107.318L52.4085 107.314L52.385 107.309L52.3613 107.304L52.3377 107.3L52.314 107.295L52.2902 107.29L52.2664 107.286L52.2426 107.281L52.2187 107.276L52.1947 107.272L52.1707 107.267L52.1467 107.262L52.1226 107.257L52.0985 107.253L52.0743 107.248L52.0501 107.243L52.0258 107.238L52.0015 107.234L51.9771 107.229L51.9527 107.224L51.9283 107.219L51.9038 107.215L51.8793 107.21L51.8547 107.205L51.8301 107.2L51.8054 107.195L51.7807 107.19L51.756 107.185L51.7312 107.181L51.7064 107.176L51.6816 107.171L51.6567 107.166L51.6318 107.161L51.6068 107.156L51.5818 107.151L51.5568 107.146L51.5317 107.141L51.5066 107.136L51.4815 107.132L51.4563 107.127L51.4311 107.122L51.4058 107.117L51.3805 107.112L51.3552 107.107L51.3299 107.102L51.3045 107.097L51.2791 107.092L51.2537 107.087L51.2282 107.082L51.2027 107.077L51.1772 107.072L51.1516 107.067L51.126 107.062L51.1004 107.057L51.0747 107.052L51.0491 107.047L51.0233 107.042L50.9976 107.037L50.9719 107.031L50.9461 107.026L50.9203 107.021L50.8944 107.016L50.8686 107.011L50.8427 107.006L50.8168 107.001L50.7908 106.996L50.7649 106.991L50.7389 106.986L50.7129 106.981L50.6869 106.975L50.6608 106.97L50.6347 106.965L50.6086 106.96L50.5825 106.955L50.5564 106.95L50.5302 106.945L50.5041 106.94L50.4779 106.934L50.4517 106.929L50.4255 106.924L50.3992 106.919L50.3729 106.914L50.3467 106.909L50.3204 106.903L50.2941 106.898L50.2677 106.893L50.2414 106.888L50.215 106.883L50.1887 106.878L50.1623 106.872L50.1359 106.867L50.1095 106.862L50.0831 106.857L50.0566 106.852L50.0302 106.846L50.0037 106.841L49.9772 106.836L49.9508 106.831L49.9243 106.826L49.8978 106.82L49.8713 106.815L49.8447 106.81L49.8182 106.805L49.7917 106.8L49.7651 106.794L49.7386 106.789L49.712 106.784L49.6855 106.779L49.6589 106.774L49.6323 106.768L49.6058 106.763L49.5792 106.758L49.5526 106.753L49.526 106.747L49.4994 106.742L49.4728 106.737L49.4462 106.732L49.4196 106.727L49.393 106.721L49.3664 106.716L49.3398 106.711L49.3132 106.706L49.2866 106.7L49.26 106.695L49.2334 106.69L49.2068 106.685L49.1802 106.68L49.1536 106.674L49.127 106.669L49.1004 106.664L49.0738 106.659L49.0472 106.653L49.0206 106.648L48.994 106.643L48.9675 106.638L48.9409 106.633L48.9143 106.627L48.8878 106.622L48.8612 106.617L48.8347 106.612L48.8082 106.606L48.7816 106.601L48.7551 106.596L48.7286 106.591L48.7021 106.586L48.6756 106.58L48.6491 106.575L48.6227 106.57L48.5962 106.565L48.5698 106.56L48.5433 106.554L48.5169 106.549L48.4905 106.544L48.4641 106.539L48.4377 106.534L48.4113 106.529L48.385 106.523L48.3586 106.518L48.3323 106.513L48.306 106.508L48.2797 106.503L48.2534 106.497L48.2272 106.492L48.2009 106.487L48.1747 106.482L48.1485 106.477L48.1223 106.472L48.0961 106.467L48.07 106.461L48.0438 106.456L48.0177 106.451L47.9916 106.446L47.9656 106.441L47.9395 106.436L47.9135 106.431L47.8875 106.426L47.8615 106.421L47.8355 106.415L47.8096 106.41L47.7837 106.405L47.7578 106.4L47.7319 106.395L47.7061 106.39L47.6803 106.385L47.6545 106.38L47.6287 106.375L47.603 106.37L47.5773 106.365L47.5516 106.36L47.526 106.355L47.5003 106.35L47.4747 106.345L47.4492 106.34L47.4237 106.335L47.3981 106.329L47.3727 106.324L47.3472 106.319L47.3218 106.315L47.2964 106.31L47.2711 106.305L47.2458 106.3L47.2205 106.295L47.1953 106.29L47.17 106.285L47.1449 106.28L47.1197 106.275L47.0946 106.27L47.0695 106.265L47.0445 106.26L47.0195 106.255L46.9945 106.25L46.9696 106.245L46.9447 106.24L46.9199 106.236L46.8951 106.231L46.8703 106.226L46.8456 106.221L46.8209 106.216L46.7962 106.211L46.7716 106.206L46.747 106.202L46.7225 106.197L46.698 106.192L46.6736 106.187L46.6492 106.182L46.6248 106.178L46.6005 106.173L46.5762 106.168L46.552 106.163L46.5278 106.159L46.5037 106.154L46.4796 106.149L46.4556 106.144L46.4316 106.14L46.4076 106.135L46.3837 106.13L46.3599 106.126L46.3361 106.121L46.3123 106.116L46.2886 106.112L46.2649 106.107L46.2413 106.102L46.2178 106.098L46.1943 106.093L46.1708 106.088L46.1474 106.084L46.124 106.079L46.1007 106.075L46.0775 106.07L46.0543 106.066L46.0312 106.061L46.0081 106.056L45.985 106.052L45.9621 106.047L45.9391 106.043L45.9163 106.038L45.8935 106.034L45.8707 106.029L45.848 106.025L45.8254 106.021L45.8028 106.016L45.7803 106.012L45.7578 106.007L45.7354 106.003L45.7131 105.999L45.6908 105.994L45.6686 105.99L45.6464 105.985L45.6243 105.981L45.6023 105.977L45.5803 105.972L45.5584 105.968L45.5365 105.964L45.5147 105.96L45.493 105.955L45.4713 105.951L45.4497 105.947L45.4282 105.943C45.428 105.943 45.4278 105.942 45.4276 105.942L45.4275 105.942L45.4251 105.94C45.4229 105.939 45.4193 105.935 45.4145 105.93C45.3934 105.906 45.3563 105.849 45.3196 105.733C45.2447 105.496 45.2043 105.12 45.2178 104.589C45.2446 103.537 45.4771 102.041 45.8677 100.229C46.6467 96.6147 48.0304 91.8497 49.5337 87.092C51.0358 82.3379 52.6529 77.6049 53.8948 74.0595C54.5156 72.287 55.0426 70.8119 55.4142 69.7801C55.6 69.2642 55.747 68.8591 55.8475 68.5831Z" fill="#DDB343" stroke="black"/>
<path d="M146.535 68.0631C146.509 68.0044 146.485 67.9511 146.464 67.9033L141.222 67.9034L151.899 109.919C152.058 109.921 152.265 109.921 152.511 109.919C153.13 109.913 153.993 109.892 154.97 109.829C156.937 109.701 159.314 109.407 161.086 108.753C161.087 108.752 161.089 108.752 161.092 108.749C161.096 108.746 161.105 108.737 161.119 108.716C161.147 108.671 161.184 108.585 161.211 108.439C161.267 108.141 161.267 107.696 161.198 107.096C161.059 105.903 160.663 104.245 160.073 102.26C158.896 98.2974 156.979 93.1291 154.941 87.9896C152.904 82.8533 150.752 77.7581 149.109 73.9462C148.287 72.0405 147.593 70.456 147.104 69.3481C146.86 68.7941 146.667 68.3593 146.535 68.0631Z" fill="#DDB343" stroke="black"/>
<path d="M100.229 68.6093L100.23 68.5912L106.743 68.5913L106.744 68.6078C106.755 68.9342 106.772 69.4129 106.795 70.022C106.84 71.2402 106.907 72.9803 106.995 75.0684C107.17 79.2442 107.429 84.813 107.761 90.3827C108.094 95.9503 108.5 101.527 108.973 105.714C109.209 107.806 109.462 109.566 109.735 110.809C109.846 111.319 109.964 111.759 110.092 112.105C109.927 112.104 109.747 112.103 109.554 112.102C108.169 112.094 106.12 112.085 104.052 112.078C101.984 112.072 99.8962 112.069 98.4361 112.073C98.068 112.075 97.7388 112.076 97.4594 112.079C97.5545 111.743 97.6439 111.316 97.7293 110.817C97.9401 109.587 98.1409 107.836 98.3305 105.748C98.7101 101.568 99.0493 95.9913 99.3328 90.4179C99.6164 84.8429 99.8445 79.2654 100.002 75.0821C100.08 72.9903 100.141 71.2468 100.183 70.0262C100.203 69.416 100.219 68.9364 100.229 68.6093Z" fill="#DDB343" stroke="black"/>
<rect x="-1.18978" y="0.759633" width="23.2432" height="21.5749" transform="matrix(-0.213672 0.976905 -0.976111 -0.217272 179.28 49.3825)" fill="#919793" stroke="black" stroke-width="2"/>
<rect x="-0.915343" y="1.07936" width="23.2519" height="21.5666" transform="matrix(0.0812345 0.996695 -0.996578 0.0826606 44.543 45.4088)" fill="#919793" stroke="black" stroke-width="2"/>
<path d="M29.7073 43.957C30.3325 45.5954 30.4568 47.2008 30.2008 48.4506C29.942 49.7138 29.3386 50.4716 28.6261 50.7495C27.9135 51.0275 26.963 50.8758 25.9322 50.1156C24.9123 49.3635 23.9379 48.0897 23.3127 46.4512C22.6875 44.8128 22.5633 43.2073 22.8193 41.9575C23.078 40.6944 23.6814 39.9366 24.394 39.6586C25.1065 39.3807 26.057 39.5324 27.0878 40.2926C28.1077 41.0447 29.0821 42.3185 29.7073 43.957Z" fill="#6B7672" stroke="black" stroke-width="2"/>
<path d="M32.4152 42.6846C32.6342 44.2654 32.4844 45.6955 32.1128 46.7173C31.724 47.7867 31.2066 48.1564 30.8491 48.2068C30.4915 48.2572 29.8935 48.0448 29.2289 47.124C28.5938 46.2441 28.061 44.9102 27.842 43.3294C27.623 41.7486 27.7728 40.3184 28.1443 39.2966C28.5332 38.2272 29.0506 37.8575 29.4081 37.8071C29.7657 37.7567 30.3637 37.9691 31.0283 38.8899C31.6634 39.7698 32.1962 41.1037 32.4152 42.6846Z" fill="#6B7672" stroke="black" stroke-width="2"/>
<path d="M38.6401 46.3734C38.6989 47.9684 38.4059 49.3757 37.9334 50.3542C37.439 51.3781 36.8871 51.693 36.5261 51.7065C36.1652 51.7201 35.5916 51.4474 35.0231 50.4634C34.4799 49.523 34.0841 48.1415 34.0253 46.5465C33.9665 44.9514 34.2595 43.5441 34.732 42.5656C35.2264 41.5417 35.7784 41.2268 36.1393 41.2133C36.5003 41.1997 37.0739 41.4724 37.6423 42.4565C38.1855 43.3968 38.5813 44.7783 38.6401 46.3734Z" fill="#6B7672" stroke="black" stroke-width="2"/>
<path d="M35.7579 45.4152C35.1218 47.3209 34.1861 48.8719 33.2326 49.8471C32.2259 50.8767 31.4598 51.0316 31.0506 50.8926C30.6414 50.7536 30.1243 50.1628 29.94 48.7286C29.7655 47.3702 29.9504 45.5641 30.5865 43.6584C31.2226 41.7527 32.1583 40.2017 33.1118 39.2265C34.1185 38.1969 34.8846 38.042 35.2938 38.181C35.703 38.32 36.2201 38.9108 36.4044 40.345C36.5789 41.7034 36.394 43.5095 35.7579 45.4152Z" fill="#6B7672" stroke="black" stroke-width="2"/>
<path d="M39.5056 47.5723C38.8233 49.3633 37.861 50.7981 36.9023 51.6806C35.8939 52.609 35.1444 52.7228 34.7432 52.5673C34.342 52.4117 33.8609 51.8208 33.7282 50.4502C33.6021 49.1471 33.8398 47.4315 34.522 45.6405C35.2043 43.8494 36.1666 42.4147 37.1252 41.5321C38.1336 40.6038 38.8832 40.49 39.2844 40.6455C39.6856 40.801 40.1667 41.3919 40.2994 42.7626C40.4255 44.0657 40.1878 45.7813 39.5056 47.5723Z" fill="#6B7672" stroke="black" stroke-width="2"/>
<path d="M42.0535 50.4483C41.1506 52.0431 40.0674 53.278 39.0859 53.9995C38.5941 54.361 38.1663 54.5654 37.8314 54.6467C37.5036 54.7264 37.3247 54.6771 37.2277 54.6212C37.1306 54.5653 36.9977 54.4349 36.8992 54.1096C36.7985 53.7773 36.7556 53.3018 36.8144 52.6908C36.9317 51.4714 37.4357 49.9027 38.3386 48.3079C39.2415 46.7131 40.3247 45.4781 41.3063 44.7567C41.7981 44.3952 42.2259 44.1908 42.5608 44.1094C42.8885 44.0298 43.0674 44.079 43.1645 44.135C43.2615 44.1909 43.3945 44.3213 43.493 44.6465C43.5936 44.9788 43.6365 45.4544 43.5778 46.0654C43.4605 47.2848 42.9564 48.8535 42.0535 50.4483Z" fill="#6B7672" stroke="black" stroke-width="2"/>
<path d="M174.987 43.3764C174.361 45.0149 174.237 46.6203 174.493 47.8701C174.752 49.1332 175.355 49.8911 176.068 50.169C176.78 50.4469 177.731 50.2952 178.762 49.535C179.782 48.7829 180.756 47.5091 181.381 45.8706C182.006 44.2322 182.131 42.6268 181.875 41.377C181.616 40.1138 181.012 39.356 180.3 39.0781C179.587 38.8001 178.637 38.9518 177.606 39.712C176.586 40.4641 175.612 41.7379 174.987 43.3764Z" fill="#6B7672" stroke="black" stroke-width="2"/>
<path d="M172.279 42.1041C172.06 43.6849 172.209 45.1151 172.581 46.1369C172.97 47.2063 173.487 47.576 173.845 47.6264C174.202 47.6768 174.8 47.4644 175.465 46.5436C176.1 45.6637 176.633 44.3298 176.852 42.7489C177.071 41.1681 176.921 39.738 176.55 38.7162C176.161 37.6468 175.643 37.2771 175.286 37.2267C174.928 37.1763 174.33 37.3887 173.666 38.3095C173.03 39.1894 172.498 40.5233 172.279 42.1041Z" fill="#6B7672" stroke="black" stroke-width="2"/>
<path d="M166.054 45.7928C165.995 47.3878 166.288 48.7952 166.76 49.7736C167.255 50.7976 167.807 51.1124 168.168 51.126C168.529 51.1395 169.102 50.8669 169.671 49.8828C170.214 48.9424 170.61 47.5609 170.669 45.9659C170.727 44.3709 170.434 42.9635 169.962 41.9851C169.467 40.9611 168.915 40.6463 168.555 40.6327C168.194 40.6192 167.62 40.8918 167.052 41.8759C166.508 42.8163 166.113 44.1978 166.054 45.7928Z" fill="#6B7672" stroke="black" stroke-width="2"/>
<path d="M168.936 44.8346C169.572 46.7403 170.508 48.2914 171.461 49.2665C172.468 50.2961 173.234 50.451 173.643 50.312C174.052 50.173 174.57 49.5822 174.754 48.148C174.928 46.7897 174.743 44.9836 174.107 43.0779C173.471 41.1722 172.536 39.6211 171.582 38.646C170.575 37.6164 169.809 37.4615 169.4 37.6005C168.991 37.7395 168.474 38.3303 168.289 39.7645C168.115 41.1228 168.3 42.9289 168.936 44.8346Z" fill="#6B7672" stroke="black" stroke-width="2"/>
<path d="M165.188 46.9917C165.871 48.7828 166.833 50.2175 167.792 51.1001C168.8 52.0284 169.549 52.1422 169.951 51.9867C170.352 51.8312 170.833 51.2403 170.966 49.8696C171.092 48.5665 170.854 46.8509 170.172 45.0599C169.49 43.2689 168.527 41.8341 167.569 40.9516C166.56 40.0232 165.811 39.9094 165.409 40.0649C165.008 40.2204 164.527 40.8114 164.394 42.182C164.268 43.4851 164.506 45.2007 165.188 46.9917Z" fill="#6B7672" stroke="black" stroke-width="2"/>
<path d="M162.641 49.8678C163.543 51.4626 164.627 52.6976 165.608 53.4191C166.1 53.7805 166.528 53.9849 166.863 54.0663C167.19 54.146 167.369 54.0967 167.466 54.0408C167.563 53.9849 167.696 53.8545 167.795 53.5292C167.896 53.1969 167.938 52.7213 167.88 52.1103C167.762 50.8909 167.258 49.3223 166.355 47.7275C165.453 46.1326 164.369 44.8977 163.388 44.1762C162.896 43.8147 162.468 43.6104 162.133 43.529C161.806 43.4493 161.627 43.4986 161.53 43.5545C161.433 43.6104 161.3 43.7408 161.201 44.0661C161.1 44.3984 161.058 44.874 161.116 45.4849C161.234 46.7044 161.738 48.273 162.641 49.8678Z" fill="#6B7672" stroke="black" stroke-width="2"/>
<path d="M33.2651 58.7037C33.2651 67.524 26.0505 74.689 17.1326 74.689C8.21464 74.689 1 67.524 1 58.7037C1 49.8834 8.21464 42.7184 17.1326 42.7184C26.0505 42.7184 33.2651 49.8834 33.2651 58.7037Z" fill="#6B7672" stroke="black" stroke-width="2"/>
<path d="M204 58.1078C204 66.9281 196.785 74.0931 187.867 74.0931C178.95 74.0931 171.735 66.9281 171.735 58.1078C171.735 49.2874 178.95 42.1224 187.867 42.1224C196.785 42.1224 204 49.2874 204 58.1078Z" fill="#6B7672" stroke="black" stroke-width="2"/>
<path d="M83.4813 91.1844C83.4813 95.6797 80.254 99.124 76.5058 99.124C72.7576 99.124 69.5303 95.6797 69.5303 91.1844C69.5303 86.6891 72.7576 83.2448 76.5058 83.2448C80.254 83.2448 83.4813 86.6891 83.4813 91.1844Z" fill="#6B7672" stroke="black" stroke-width="2"/>
<path d="M81.1181 92.3763C81.1181 96.7695 77.5901 100.316 73.2564 100.316C68.9228 100.316 65.3948 96.7695 65.3948 92.3763C65.3948 87.9831 68.9228 84.4366 73.2564 84.4366C77.5901 84.4366 81.1181 87.9831 81.1181 92.3763Z" fill="#FEEE83" stroke="black" stroke-width="2"/>
<path d="M119.156 90.5883C119.156 95.0836 122.383 98.528 126.131 98.528C129.879 98.528 133.107 95.0836 133.107 90.5883C133.107 86.093 129.879 82.6487 126.131 82.6487C122.383 82.6487 119.156 86.093 119.156 90.5883Z" fill="#6B7672" stroke="black" stroke-width="2"/>
<path d="M121.519 91.7802C121.519 96.1734 125.047 99.7199 129.381 99.7199C133.714 99.7199 137.242 96.1734 137.242 91.7802C137.242 87.387 133.714 83.8406 129.381 83.8406C125.047 83.8406 121.519 87.387 121.519 91.7802Z" fill="#FEEE83" stroke="black" stroke-width="2"/>
<animateTransform id="ship" attributeName="transform"
  type="translate"
  values="20;120;20"
  begin="rickhead.click" dur="3s"
/>
</g>

</svg>

              
            
!

CSS

              
                
              
            
!

JS

              
                
              
            
!
999px

Console