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. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ 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 id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 152.58 46.42">

    <defs>
       <clipPath id="clipPath">
      <path d="M151.65,40.85c.23.11.26-.32.32-.38C151.55,40.43,151.63,41,151.65,40.85Z" fill="#ee1c4e"/>
      <path d="M147.29,40.13l.15-.12c-.26,0-.51.05-.77.07Z" fill="#ee1c4e"/>
      <path d="M143.71,38c-.07.82,1.33.75,1.84,1.32l0,.2.57-.33C145.33,38.85,144.12,38.55,143.71,38Z" fill="#ee1c4e"/>
      <path d="M142.84,35.48c-.06.3-.52-.09.35.37a.67.67,0,0,1,0-.11A2,2,0,0,1,142.84,35.48Z" fill="#ee1c4e"/>
      <path d="M143.16,35.74c.35.23-.08-.35,0,0Z" fill="#ee1c4e"/>
      <path d="M141.51,34.64l.59.17c0-.2-.35-.55-.13-.52C141.45,34,141.43,34.22,141.51,34.64Z" fill="#ee1c4e"/>
      <path d="M140.76,34.69l.3.11C141.06,34.71,141,34.64,140.76,34.69Z" fill="#ee1c4e"/>
      <path d="M141.68,35l-.62-.23c0,.14-.15.32.27.12C141.16,35,141.38,35,141.68,35Z" fill="#ee1c4e"/>
      <path d="M141.89,35.34c.15.32.42.65-.19.49C142.63,36.43,142.8,35.93,141.89,35.34Z" fill="#ee1c4e"/>
      <path d="M143.11,38.5l.25.43h.45C143.59,38.94,143.22,38.3,143.11,38.5Z" fill="#ee1c4e"/>
      <path d="M139.14,32c-.13.08-.14.42-.25.59l.43.17C139.23,32.52,139,32.17,139.14,32Z" fill="#ee1c4e"/>
      <path d="M138.89,32.58l-.64-.26C138.64,32.74,138.8,32.73,138.89,32.58Z" fill="#ee1c4e"/>
      <path d="M140.17,35.22l1.16.26c-.43-.13-.88-.24-1.32-.39Z" fill="#ee1c4e"/>
      <polygon points="137.46 30.25 137.96 30.27 137.13 30.17 137.46 30.25" fill="#ee1c4e"/>
      <path d="M136.31,29.1c.4,0,.12-.6.44-.51a2.79,2.79,0,0,0-1.16-.52A1.58,1.58,0,0,1,136.31,29.1Z" fill="#ee1c4e"/>
      <path d="M135,27.85a3.12,3.12,0,0,0,.62.22A1.81,1.81,0,0,0,135,27.85Z" fill="#ee1c4e"/>
      <path d="M137.53,31.49a.75.75,0,0,0,0-.66l-.13.48Z" fill="#ee1c4e"/>
      <path d="M137.36,31.32v0l-.36-.41Z" fill="#ee1c4e"/>
      <path d="M137.58,31.54l0,0S137.52,31.56,137.58,31.54Z" fill="#ee1c4e"/>
      <path d="M139.17,33.8c-.44-.08-1.2-.44-.88.35C138.68,34.13,138.5,33.68,139.17,33.8Z" fill="#ee1c4e"/>
      <path d="M137.42,32.14l.42.56c.07-.09.1-.29.31-.25Z" fill="#ee1c4e"/>
      <polygon points="137.08 31.99 137.42 32.14 137.26 31.93 137.08 31.99" fill="#ee1c4e"/>
      <path d="M135.45,29a2,2,0,0,1-.83-.6,5.44,5.44,0,0,0,.69,1C135.45,29.34,135.74,29.31,135.45,29Z" fill="#ee1c4e"/>
      <path d="M136.34,30.17l-.06,0C136.28,30.19,136.29,30.22,136.34,30.17Z" fill="#ee1c4e"/>
      <polygon points="132.26 25.6 132.24 25.69 132.31 25.66 132.26 25.6" fill="#ee1c4e"/>
      <path d="M135.29,29.49a.64.64,0,0,0,.55.38,3.55,3.55,0,0,1-.53-.48C135.25,29.41,135.22,29.44,135.29,29.49Z" fill="#ee1c4e"/>
      <path d="M134.16,27.21a3.29,3.29,0,0,0,.16.55C134.32,27.55,134.28,27.18,134.16,27.21Z" fill="#ee1c4e"/>
      <path d="M136.3,30l0,0C136.34,29.87,136.32,29.91,136.3,30Z" fill="#ee1c4e"/>
      <path d="M136.3,30a1.69,1.69,0,0,0-.46-.11,2.29,2.29,0,0,0,.44.27A.52.52,0,0,1,136.3,30Z" fill="#ee1c4e"/>
      <path d="M129.43,26.46c.34-.21,1.13.19,1.24,1,.66.34,1.38-.84,1.57-1.75-.15.09-.27.19-.89-.2,0,.33.59,1.52-.06,1.29-.74-.59-.37-.68-.49-1.16-.14.61-1.3-.47-1.74.15l.71.47C129.69,26.33,129.36,26.21,129.43,26.46Z" fill="#ee1c4e"/>
      <path d="M133,26.74l.22.19a2.52,2.52,0,0,1-.21-1.1c-.45-.24-.63-.22-.75-.17l.85,1.12Z" fill="#ee1c4e"/>
      <path d="M134.09,27.89c-.47.12-1.05-.29-1.14.33.57.62.66.21,1.12.47-1-.95.43.14,0-.76a3.7,3.7,0,0,1,.56.47,5.28,5.28,0,0,1-.3-.65v0h0c0,.08,0,.11,0,0l0,0a.51.51,0,0,1-.16.06c-.18-.35,0-.12.16-.06l.06,0h0l-1-.87A4.65,4.65,0,0,0,134.09,27.89Z" fill="#ee1c4e"/>
      <path d="M137.12,34.32a.12.12,0,0,1,0-.1C137.06,34.2,137,34.2,137.12,34.32Z" fill="#ee1c4e"/>
      <path d="M136.9,33.75c.11,0,.29,0,.49.22s-.14.15-.23.26c.22.05.7.25.41-.32l-.11,0c-.29-.48-.4-1.36-.29-1.33A2.77,2.77,0,0,0,136.9,33.75Z" fill="#ee1c4e"/>
      <path d="M135.32,30.89l-.91-.69.11.68.15-.17C135,31.23,135.14,30.95,135.32,30.89Z" fill="#ee1c4e"/>
      <polygon points="132.35 25.36 132.79 25.19 131.89 25.09 132.35 25.36" fill="#ee1c4e"/>
      <polygon points="131.38 24.26 131.72 24.05 131.29 23.9 131.38 24.26" fill="#ee1c4e"/>
      <path d="M73.74,10.25l-.18.3A1.23,1.23,0,0,0,73.74,10.25Z" fill="#ee1c4e"/>
      <path d="M75.58,8.76l-.08-.19C75.49,8.72,75.5,8.81,75.58,8.76Z" fill="#ee1c4e"/>
      <path d="M99.08,23.21c-.38-.16-.68-.65-.48-.23q.11.19.23.37C98.88,23.2,99,23.18,99.08,23.21Z" fill="#ee1c4e"/>
      <path d="M87.62,10.94l0,.19.52.09Z" fill="#ee1c4e"/>
      <path d="M85.88,11.5l-.06-.7A2.42,2.42,0,0,0,85.88,11.5Z" fill="#ee1c4e"/>
      <path d="M64.08,19.38l0,.6C64.54,19.57,64.18,19.58,64.08,19.38Z" fill="#ee1c4e"/>
      <path d="M119.31,12.69a3.76,3.76,0,0,0-1.72-.1C118.49,12.66,119.07,13,119.31,12.69Z" fill="#ee1c4e"/>
      <path d="M71.5,6.12c-.11.2-.12.32-.05.39C71.56,6.31,71.6,6.17,71.5,6.12Z" fill="#ee1c4e"/>
      <path d="M116.06,13l.26,0a3.45,3.45,0,0,1,1.28-.47C116.86,12.57,116.36,12.62,116.06,13Z" fill="#ee1c4e"/>
      <path d="M22.65,28.56h-.12C22.55,28.63,22.59,28.61,22.65,28.56Z" fill="#ee1c4e"/>
      <path d="M8.37,31.84a4.41,4.41,0,0,1,.47-.34A1.36,1.36,0,0,0,8.37,31.84Z" fill="#ee1c4e"/>
      <path d="M127.78,19.48c.22.23.07,0,0,0Z" fill="#ee1c4e"/>
      <path d="M127.42,21.75a.28.28,0,0,0-.24,0A.35.35,0,0,1,127.42,21.75Z" fill="#ee1c4e"/>
      <path d="M114,16.7h0C114.07,16.75,114.05,16.74,114,16.7Z" fill="#ee1c4e"/>
      <path d="M127.93,20a1.93,1.93,0,0,0-.16-.4A2.21,2.21,0,0,0,127.93,20Z" fill="#ee1c4e"/>
      <path d="M128.05,19.79l.14.24C128.27,20,128.29,20,128.05,19.79Z" fill="#ee1c4e"/>
      <path d="M127.48,19.15a2.27,2.27,0,0,1,.29.43c0-.07,0-.1,0-.1Z" fill="#ee1c4e"/>
      <path d="M43.07,22.91a.61.61,0,0,1,0-.07C42.79,22.64,42.87,22.75,43.07,22.91Z" fill="#ee1c4e"/>
      <path d="M94.4,27.45l0,0,0-.08Z" fill="#ee1c4e"/>
      <path d="M93.32,26.14a1.57,1.57,0,0,1,1.09,1.26,14.28,14.28,0,0,1,.6-1.51A5,5,0,0,1,93.32,26.14Z" fill="#ee1c4e"/>
      <path d="M69.52,14.15l.85-.24c-.28,1.11-.95,1.42,0,1.32-.82-1.09,2.18-2.15,1.36-3.23l.58-.13c-.12.09-.08.16-.2.25,1.18-.17-.09-1.23,1-1.93.41-.21.78-.26.65.06l.54-.9c.24-.17.34.06.1.23.36-.36.73-.71,1.1-1l0,0a6,6,0,0,1,.31-1.12c.42-.09-.06.23.12.31L76.39,7c.48.07.14.76-.33,1.09,1.44.58.33-.72,2.15-1.07l-.52.6c.86.33,1.17-.28,2.15-.37-.31-.12-2.11,0-1.6-.77a1.22,1.22,0,0,0,.8-.72c.28.39.6,0,1.07-.32l.32.56c.12-.2,0-.3,0-.45A1.53,1.53,0,0,1,80.4,5c.3-.1.44.42.51.86.09,0,.07-.18,0-.42s-.17-.5.11-.63c.36.25.6,0,1.24.15,0,.43-.3.27-.35.5a1.82,1.82,0,0,1,.52-.16c0,.07-.11.15-.17.19a.67.67,0,0,0,.41-.12c.15,0,.27-.16.52.11.72-.14-.11,2,1.07,2.46,0,.3-.4.08-.58.27a8.11,8.11,0,0,0,2.06,1.51l.09,1c.08-.85,1-.33,1.8.15a6.77,6.77,0,0,0,.18-.79l.9.95c0,.18-.27.18-.61.12l.25.13c0,.51-.43.48-.9.37l.13-.59a1.74,1.74,0,0,0-1.31.1,1,1,0,0,1,.35.28c-.13,0-.24,0-.28,0s.15.12.39.22l-.49.59.28-.07.4,1.67c1.2.7,2.61,1.1,3.77,2.61-.68-.16-.8.32-1.36.59.33-.76-.94-1.15-1.29-2.06.18.48-.13.52-.28.46l1.35,1.24c-.46.21-.16.51-.13,1,.72-.78,1.2.82,1.81,1.29-.27.2-.66.21-1-.58-.21,1.2,1.62.52,1.5,1.64-.11-.18-.12-.31-.31-.3.5.29.86,1.46.47,1.35L91.37,21c.57,1.3,2,3.7,2.89,3.56a4.41,4.41,0,0,1-1.2.3c1.42.61,2.59.77,3.44.33a9.64,9.64,0,0,0-.85,1.7c-.31.65-.64,1.15-1.2.56a4.39,4.39,0,0,0,1.06,1.89c-.13-.46.16-1.93.37-1.66a9,9,0,0,0,.19,1.62l.43,1.89a1.72,1.72,0,0,1,.18-1.14.89.89,0,0,1,.27-.35.14.14,0,0,1,.13,0l.06,0s0,0,.07,0c0,.16-.11.63-.17,1.11s-.15,1-.23.92.12-.06.18-.13q.69-1.48,1.17-2.74c-.28.61-.11,1.54.24,1.63-.16-.15,1.25-1.33,1.61-1.88l-.66.33a3.9,3.9,0,0,0,1.2-2.27,2.69,2.69,0,0,1,.75-1.81c0,.3.64,1.35,1.27,1-.14-.64-.67-3.1.16-4.3l.41.1.62-.92a44.22,44.22,0,0,1-.53,4.75c.58-.15.37.2,1-.34.41.06,0,.64-.2.81.51-.35,1-.68,1.56-1-.49-.49.74-1.38.35-1.8-.42.59-.83,1.18-1.21,1.79-.49-.47-.25-2.25,1-3,.44,0,.47,1.12.63,1.29,0-.29.8-1.08,1-1l-.27.62c.74-.21.53-1.42,1.63-1.36.29-.12,1.23.28,1.08-.09a5.67,5.67,0,0,1-2.12-3.06,8.91,8.91,0,0,1,2.37-.06c.74.28,0,1.64.62,1.88a1,1,0,0,1,.14-.63c.36,0,.14.56.74.17-.2-.66,1.32-.6,0-.67.54-.49.73-.21,1.46-.58-.43-.29.05-1.68.66-2.14,0,.18.26.32.38.39,1.39-.5,2.24-.47,3.53-.89.2.11.76.16.6.51.11-.15.21-.42.56-.48.32.27.12.31-.05.37s-.36.16-.12.47c0-.41.72-.69,1.28-.73,0-.32-.27-.46-.64-.38a2.18,2.18,0,0,0-.93.5,1.36,1.36,0,0,1,.4-1.2,2.29,2.29,0,0,1,1.84-.67,2.19,2.19,0,0,1,.56.1c.7.3.73.56.65.67s-.28.17-.15.19a4.56,4.56,0,0,0,1.1.89,3.19,3.19,0,0,0,.82.25,1.52,1.52,0,0,1,1.31,1.11c.05.9-.79.72-1,1.09-.76-.57-.68-1.31-1.12-1.77l.33.75a1.68,1.68,0,0,1-1-.84c0,.75,2.32,2.79,3,4.36.33.11.79.39.81.07l-.39-.36c0-.65,1.09.39.83-.26a3.68,3.68,0,0,1,2,1.6l-.36.53c.13-.13-.12-.73-.44-.83.47.15.3,1.7,1.21,1.56l-.1-.81c.68.36,1.74.63,2.13,1.44.22-.69-.18-.11,0-1-.35,1-1.37-1.77-1.55-.52.24-1-.42-1.08-.4-2.18-.14.15-.11.48-.5-.17a.87.87,0,0,1-.24,0l0,0v0s-.05,0,0,0a.85.85,0,0,1,0,.49c-.59,0-1.33-.92-1.76-1.08-.21-.4.3,0,.31-.33l-.66-.23c.31-.33-.18-1.38.69-.75l-.59-.74a2.54,2.54,0,0,0-1-1.47c-.22-.41-1.13-.52-.6-.46l-.6-.47-.31-.24-.45-.37.06-.1a4.56,4.56,0,0,0-2.13-1.24,6.88,6.88,0,0,0-2.31-.13,12.48,12.48,0,0,1-2.22.14,4.84,4.84,0,0,1-1.74.74l-.29-.3c-.57.35-2,.37-2.09.86-1.09-.69-3,1.13-4.11,1.55l.2.47a8.63,8.63,0,0,0-2,1.55l.29.35c-.51.75-2,.88-3,1.71,0-.19.27-.36.53-.41-1.91.11-2.24,2.59-3.78,3a1,1,0,0,1-.66.58.2.2,0,0,0,.05-.08l-.11.1c-.15,0-.4.14-.44.08s.27,0,.39,0l-.16.17a.35.35,0,0,0-.06.1,1.64,1.64,0,0,0-.12.28q-.15-.19-.29-.39l0,0c-.16-.09,0,.31.24.59a3.41,3.41,0,0,0-.08.48c-.2-.35-.25-.2-.34,0s-.19.36-.3-.12a7.74,7.74,0,0,1-.62,1.57,1.42,1.42,0,0,1-.15.31,2,2,0,0,0-.14.39c0-.18,0-.34.07-.22-.12-.42-.2-.78-.43-.7q.1-.46.21-.89a1.69,1.69,0,0,1-.71.42c0-.78.13-1,.55-1.22a.77.77,0,0,1-.65-.15,3,3,0,0,0-.75-.34l.37-.15c-.2-.34-1-.7-.83-1.08.21-1.19-2.14-4.17-2.69-6.64-.8,1-.08-1.24-.92-.9.17-.26.15-.63.55-.4-.83-1-.51-1.85-1.58-2.24.18-.26.48,0,.57-.15-.1-.06-.4-.23-.32-.42s.29,0,.49.16c-.65-1.09-1.45-.8-2.2-.5,0-.74-.17-1-.86-1.16.12-.32.18-.78.64-.13-.18-.41-1-2.56-1.54-2.3.08-.2-.25-.57-.37-.63a14.4,14.4,0,0,0-1-1.83l0,.29c-.87,0-.52-.59-1-1.32l.08,0c-.34-1.16-.62-1.33-.8-1.48a1.6,1.6,0,0,1-.34-.33,10.43,10.43,0,0,0-.78-.94l-.09.51c-.31.42-.57,0-1.11-.34a1.71,1.71,0,0,0-1.94-.14,4.07,4.07,0,0,1,.47.13c-.31.27-.76.08-1.38-.06a3.14,3.14,0,0,0-1.75,0c-.07,0-.08,0,0-.15l.33-.34c-.61.23-.75.28-.83.37s0,.18,0,.29.37.47-.06.85c-.37-.16-.26-.87-.94-.48-.5,0-1.17,2.21-2.39,2.33.34.06.68.13.39.61-.56.57-2.33.59-2.35,1.7a.28.28,0,0,1-.24-.06c-.34.55-1.29,1.56-1.26,2.14-1.53-.88-2.28,3.1-3.28,2l-1.32,1.3-.07-.15a2.24,2.24,0,0,0-1.08,1.81c-.27.1-.22-.14-.25-.21A3.7,3.7,0,0,0,62,15.93l-.44-.28c-.12.48-2.37,1-3.32,2.43a.35.35,0,0,1,0-.29,5.74,5.74,0,0,1-2.54,1.55c-.9.36-1.56.77-1.38,1.71l-.82,1c1.44-.68.19.8.91.72-.5.42-1.68.36-1.06-.12l.15,0c-.2-.93-1.9.64-2.15,0a14.52,14.52,0,0,1-2.28,1,2.41,2.41,0,0,1-1.38.16,1.32,1.32,0,0,1-.78-.67,3.92,3.92,0,0,1-.2-.45l-.23-.58c-.18.2-.35.41-.54.59l-.38-1c0-.34.36-.59.66.14.23-.53-.9-1.11-1.06-1-.3-.83-.08-.83.28-.61s.68.58.56.33-.27-.44-.45-.67l0,.21a7.61,7.61,0,0,0-.78-.41,4.88,4.88,0,0,1-1-.79c-.55-.61-.07-.62-.32-.84,0,0-.06-.13-.45-.28A6.64,6.64,0,0,0,41.26,17a7.94,7.94,0,0,1,.57.74c-.83,0-1.55-.32-.92.42-.43-.63-2-.79-3.32-.5s-2.45.76-2.78.72a5.53,5.53,0,0,1-2.36,1.35c.28,0,.67.55-.16.82-.23-1.36-1.69.09-2.73-.5.83.32-2.2,1.16-.93,1.58-.7.21-.25-.44-.88-.49-1.36,1.19-3.61,1.33-5.45,2.46.05.17.49.25.2.69l-1.41-.26c-.34.27.12,1.08-.85.9.17.08.41.2.19.38C16.28,26.56,13.29,30.1,8.85,31c.67,0,.36.21,0,.46.29-.09.23.37.41.54l-1.86.42c.09.73-1.57,1.1-1.37,1.73l.4-.41c-.2,1,1.79.79,2.23,1.66.23-1.17,2.5-.14,3-1.89.36,0-.05.4.2.5.07-.53.38-.82,1.13-1.07l0,.13c1.78-1.22,2.79-1.34,5-2.31l-.39-.32a1.89,1.89,0,0,1,.92-.14c.17-.92-1.29.68-1.21-.27,1.07.49,3.22-1.78,4.15-1,.71-.37-.47-.37.24-.74l.33.16V28a.85.85,0,0,1,1,.23c-.13,0-.29.23-.4.31.76,0,1.64-1,1.9-1l-.76.19c1.81-1.24,4.37-2,6-3.47l-.24-.14c1.3-1,1.27-.32,2.82-1.19l0,.07a2.26,2.26,0,0,1,1.08-.8c-.31.41,1,.15.54.64,1.43-1.07.67-.66,1.41-1.85l.37.25a1.46,1.46,0,0,1,1-1c-.56.5.66.39.06,1a2.75,2.75,0,0,0,1.87-.39c.44-.22.83-.34,1.12.26.32-.48.07-.67-.32-.7s-.8.08-.6-.06c-.41-.3.57-.84,1.12-.69s.76,1.37,1.32,1.7c-.05-.05-.11,0-.17,0,.06.17.19.18.35.22a.33.33,0,0,1,.25.43c.66-.14.29.55,1,.28a3.86,3.86,0,0,0-.71-.8c.47.23,1.64.45,1.74,1.83a2.29,2.29,0,0,1-.75-.48c-.06.44.41.55.4,1.1-.83.13-.87-1.59-1.69-1.73-.07.19.19.37.37.56s.26.35-.21.36c.61,0,.72.35.84.78a2.46,2.46,0,0,0,1.17,1.65l-.41.24a8.76,8.76,0,0,1,1,.7,5,5,0,0,1-1-.14A7.21,7.21,0,0,1,45,27.69a3.63,3.63,0,0,0,.76.6,2.41,2.41,0,0,0,.93.23h0c-1.31-.3-1.34-.61-1.23-.73s.38-.27,0-.66c.68.21,1.12.26,1.43.41a8.64,8.64,0,0,1,1.15.71,1.82,1.82,0,0,0,.93.17,4.21,4.21,0,0,0,1.6-.48,2.32,2.32,0,0,1-1,.23c-.33,0-.48-.11-.14-.33l1.09-.19a1.74,1.74,0,0,1,.73,0c1.48-.73-.42-.35.11-.89.74.31.65-.51,1.18-1l.21.43c1.77-.56,0-1.1,1.59-1.53-.09.31-.19.61-.29.91.23-.18.46-.36.67-.56l.11.57A2.88,2.88,0,0,1,56.6,24.4c-.36-.18-.35-.8.29-1.25.61-.06,0,.55.9-.13,0,.39-.07.86-.73.76,0,.16,0,.39,0,.55.67,0,1.29-.76,1.63-1a1.12,1.12,0,0,1-.44.15c.34-.48.65-1,1-1.49.31,0,.23.23.15.47.24-.24.29-.55.66-.87.13.39.4.7-.06,1.26.34-.43.68-.85,1-1.28.18.07.91-.12.84.12.84-.35,1.19-1.91,2.24-2.4a.71.71,0,0,1,.19-.42c.86-.62,1.89-.87,2.46-2.1l1,.06c.62-.77-1.3,0-.27-1.3.7-.93.72.16,1.15,0,.18-.64.43-1.84,1.58-2.1C70,13.79,69.72,13.89,69.52,14.15Zm8.7-7.69c-.12.21-.29.73-.58.6C77.5,6.46,77.82,6.55,78.22,6.46Zm9.42,6.47c-.22-.07-.28-.34-.26-.69A1.21,1.21,0,0,1,87.64,12.92ZM125.24,17h0C125,16.51,125.07,16.7,125.24,17Zm.54,1c.12,0,.17,0,.19-.09-.14,0-.31-.16-.46-.39C125.46,17.65,125.49,17.82,125.78,18Zm-82.5.1a2.15,2.15,0,0,1,.19.27C42.82,18.12,43,18.12,43.28,18.09Z" fill="#ee1c4e"/>
      <path d="M86.09,11.44a.53.53,0,0,1,.18-.21C86.16,11.19,86.07,11.23,86.09,11.44Z" fill="#ee1c4e"/>
      <path d="M64.08,19.27l0,0a.23.23,0,0,0,0,.09Z" fill="#ee1c4e"/>
      <path d="M111,20.18a.85.85,0,0,1-.47,0C110.61,20.27,110.74,20.31,111,20.18Z" fill="#ee1c4e"/>
      <path d="M130,21.89l-.52-.45a1,1,0,0,1,.26.58C129.82,21.94,129.87,21.73,130,21.89Z" fill="#ee1c4e"/>
      <path d="M131.4,28.36c.11,0,.14.16.25.19l.15-.16C131.53,28.07,131.2,28,131.4,28.36Z" fill="#ee1c4e"/>
      <path d="M129.15,23.39c-.28.3.09.54.45.87l-.05-.07C130.08,23.95,129.61,23.67,129.15,23.39Z" fill="#ee1c4e"/>
      <path d="M129.68,24.33a1.71,1.71,0,0,1,.28.34C130.18,24.57,129.89,24.5,129.68,24.33Z" fill="#ee1c4e"/>
      <path d="M126.86,18.88c.06.24.49-.22.45,0C127.87,18.73,125.85,18.08,126.86,18.88Z" fill="#ee1c4e"/>
      <polygon points="128.35 24.53 128.63 24.08 128.15 24.12 128.35 24.53" fill="#ee1c4e"/>
      <path d="M126.27,21.35l.37.68c.06-.06.16,0,.26.05C126.63,21.71,126.38,21.25,126.27,21.35Z" fill="#ee1c4e"/>
      <path d="M126.91,22.09a1.22,1.22,0,0,0,.45.43A2.73,2.73,0,0,0,126.91,22.09Z" fill="#ee1c4e"/>
      <polygon points="127.58 23.8 127.52 23.56 127.21 23.12 127.58 23.8" fill="#ee1c4e"/>
      <path d="M120.75,15.06a3.08,3.08,0,0,0-.56-.18l-.33,0c-.11.12,0,.24.23.31l.15,0C120.48,15.15,120.79,15.28,120.75,15.06Z" fill="#ee1c4e"/>
      <path d="M121.65,17.84c-.07-.24,0-.32,0-.53l-.48.4Z" fill="#ee1c4e"/>
      <path d="M120.1,16.47c-.15.09-.9.11-.3.36C119.91,16.68,120.46,16.92,120.1,16.47Z" fill="#ee1c4e"/>
      <polygon points="109.12 19.29 109.3 19.18 108.77 18.31 109.12 19.29" fill="#ee1c4e"/>
      <path d="M101.48,28.11c.66-.51.65-.71.62-.88a.34.34,0,0,1,0-.27.94.94,0,0,1,.43-.33c0-.16-.15-.11-.35,0s-.49.3-.42.09C101.28,27.55,100.83,27.83,101.48,28.11Z" fill="#ee1c4e"/>
      <path d="M101.77,26.72a3.17,3.17,0,0,0,.23-.42A2.06,2.06,0,0,0,101.77,26.72Z" fill="#ee1c4e"/>
      <polygon points="6.11 32.69 5.45 32.87 5.99 32.92 6.11 32.69" fill="#ee1c4e"/>
      <path d="M5.51,34,5,33.55v.7C5.13,34.15,5.33,33.94,5.51,34Z" fill="#ee1c4e"/>
      <path d="M80.34,6.57l-.05-.15c-.17-.09-.29,0-.54.11Z" fill="#ee1c4e"/>
      <polygon points="73.56 11.24 73.68 11.15 73.09 10.89 73.56 11.24" fill="#ee1c4e"/>
      <path d="M68.71,16.57c.24-.18.41-.51.65-.69C69,16.38,68.16,16.08,68.71,16.57Z" fill="#ee1c4e"/>
        </clipPath>
    </defs>


    <path clip-path="url(#clipPath)" d="M2,36.27,28.47,22.94c3.64-1.83,7.55-3.72,11.59-3.25S48,24.1,46.83,28L74.57,7.13c2-1.5,4.36-3.09,6.79-2.51s3.87,3.17,4.94,5.48l9.55,20.47L106.35,20c2.82-2.84,6.21-5.91,10.21-5.56,4.5.4,7.32,4.83,9.94,8.51a55.79,55.79,0,0,0,24.39,19.29" style="fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:9px"/>

</svg>
 
              
            
!

CSS

              
                
              
            
!

JS

              
                var path = $('path:not(defs path)')[0];

path.style.strokeDasharray = path.style.strokeDashoffset = path.getTotalLength();

var timeline = new TimelineMax();

timeline.add([
    TweenMax.to(path, 1, {strokeDashoffset: 0, delay: 0}),
]);

              
            
!
999px

Console