A Pen by Dominick Reba

Thumbnail
This awesome code was written by fudgepop01, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright fudgepop01 ©
  • HTML
  • CSS
  • JavaScript
    <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 541.41 499.4">
  <defs>
    <style>
      .cls-1 {
        fill: #fbd207;
      }

      .cls-2 {
        fill: #164987;
      }

      .cls-3 {
        font-size: 60px;
        font-family: Roboto-Light, Roboto;
      }

      .cls-4, .cls-5, .cls-6 {
        fill: none;
        stroke-miterlimit: 10;
      }

      .cls-4 {
        stroke: #164987;
        stroke-width: 3px;
      }

      .cls-5 {
        stroke: #fbd207;
      }

      .cls-5, .cls-6 {
        stroke-width: 2px;
      }

      .cls-6 {
        stroke: #000;
      }
    </style>
  </defs>
  <title>Sprocket_Logo</title>
  <path class="cls-1" d="M339.55,587.15a65.82,65.82,0,0,1-25.5-5,11.59,11.59,0,0,1-7.37-8.33c-.38-1.6-.77-3.18-1.16-4.77-.77-3.12-1.56-6.34-2.2-9.62-.7-3.54-.7-3.54-3.74-4.22-8.45-1.88-16.14-4.89-25.15-8.82-5.89-2.59-11.38-5.57-16.48-8.4a5,5,0,0,0-2.28-.74,3.73,3.73,0,0,0-2.19.85c-2.2,1.53-4.46,2.9-6.62,4.23s-4.12,2.53-6,3.85a11.92,11.92,0,0,1-6.88,2.19,13.73,13.73,0,0,1-7.07-2.12l-.52-.28c-9.2-4.72-17.66-11.33-25.87-20.21a82.32,82.32,0,0,1-13.74-21,11.8,11.8,0,0,1,.87-12.12c2.88-4.37,5.77-9,8.83-14.08.26-.44.43-.73-.55-2.36a164.28,164.28,0,0,1-12-24.91,182.69,182.69,0,0,1-6.39-19.89,1.06,1.06,0,0,0-.09-.25c-.19-.18-1-.65-4-1.32s-5.87-1.36-8.71-2L159,426.44a10.85,10.85,0,0,1-7.86-7.43c-2.31-6.59-4.36-13.1-4.18-20.48.14-5.78.25-11.43,0-17-.25-5.17.84-9.79,1.79-13.87.29-1.22.55-2.38.79-3.52,2.12-10.47,11.17-12.63,14.58-13.41,1.75-.42,3.47-.76,5.12-1.1a63.37,63.37,0,0,0,7.7-1.83c.49-.17.67-.23.91-1.18a166.28,166.28,0,0,1,16.48-41c.18-.32.35-.65.55-1,.34-.64.72-1.37,1.16-2.12.68-1.14,1-1.95-.4-4.05-.9-1.34-1.71-2.66-2.5-3.93a50.07,50.07,0,0,0-3.67-5.46c-3-3.63-5.68-9.69-1.37-17.86a90.83,90.83,0,0,1,16.72-22.36,92.47,92.47,0,0,1,21-15.35,15.93,15.93,0,0,1,18.32,1.53,98.39,98.39,0,0,0,11.05,7,.55.55,0,0,0,.28.07,1.76,1.76,0,0,0,.78-.22c2.27-1.09,4.5-2.28,6.86-3.53,3.35-1.78,6.81-3.61,10.44-5.25a145.76,145.76,0,0,1,28.55-10,.71.71,0,0,0,.28-.09,1.52,1.52,0,0,0,.09-.28c1.47-5.56,2.75-10.58,3.72-15.7,1-5.45,4.4-9.17,10.08-11a73,73,0,0,1,23-3.85c1.13,0,2.28,0,3.41.09.88,0,1.86.07,3.06.07h7.41c7.39.16,14.15,2.31,19.59,4,7.78,2.47,8.95,9.47,9.45,12.46l.06.36c.5,3,1.29,6,2.13,9.15.36,1.36.71,2.75,1.05,4.08a1.15,1.15,0,0,0,.14.38,2.43,2.43,0,0,0,.88.37,182.9,182.9,0,0,1,44,18.16,4.41,4.41,0,0,0,2,.67,2.92,2.92,0,0,0,1.7-.64c2.29-1.56,4.62-3,6.87-4.44,1.87-1.18,3.63-2.29,5.38-3.45a14,14,0,0,1,7.76-2.48,14.59,14.59,0,0,1,6.13,1.44c12.8,6,22.31,15.54,29.16,23.19,4.87,5.44,8.31,11.54,11.29,17.29,2.56,4.95,2.32,9.66-.71,14-2.19,3.16-4.2,6.49-6.31,10-.64,1.08-1.28,2.15-1.93,3.21a1.7,1.7,0,0,0,0,2.2,167.1,167.1,0,0,1,18.34,44.32c.25,1,.34,1.36,2,1.61a85,85,0,0,1,9.7,2.2c2.2.59,4.28,1.14,6.31,1.53,5.63,1.1,7.65,5.72,8.33,7.24a65.75,65.75,0,0,1,5.09,21.56c.9,12.64-.21,23.9-3.4,34.46-2.2,7.17-7,11.27-14.89,12.52A83.38,83.38,0,0,0,510.59,431a2.41,2.41,0,0,0-.08.25c-4.21,16.44-9.84,30.33-17.18,42.47-2.33,3.85-1.88,5.57.09,8.19a81.6,81.6,0,0,1,4.84,7.39c.86,1.45,1.68,2.81,2.53,4.1,2.35,3.56,2.52,7.55.51,11.86-5.05,10.82-12.87,20.7-23.89,30.22a96.54,96.54,0,0,1-14.22,9.69l-1.42.84a14.45,14.45,0,0,1-7.45,2.2h0a13.67,13.67,0,0,1-8.11-2.77,108.1,108.1,0,0,0-12.36-7.93,3.36,3.36,0,0,0-1.47-.48,4,4,0,0,0-1.76.64,170.59,170.59,0,0,1-31.8,14.52l-2.2.76a77.82,77.82,0,0,1-10.91,3.17,120.43,120.43,0,0,0-3.26,12.55c-1.58,8.42-4.4,13.45-14.7,15.84l-1.87.44a77,77,0,0,1-10.09,1.92,48.42,48.42,0,0,1-5.11.24c-1.22,0-2.4,0-3.55-.06-1,0-1.9,0-2.8,0C342.73,587.1,341.13,587.15,339.55,587.15Z" transform="translate(-73.73 -192.2)"/>
  <path class="cls-2" d="M533.39,380.75A57,57,0,0,0,529,361.9c-.49-1.1-1-2.2-2.33-2.47-5.26-1-10.31-2.87-15.66-3.65-4.32-.63-7.6-2.88-8.79-7.77a157.92,157.92,0,0,0-17.45-42.13,10.55,10.55,0,0,1-1.55-5,10.4,10.4,0,0,1,1.57-5c2.79-4.59,5.46-9.27,8.53-13.66a4.55,4.55,0,0,0,1-3.05,5.72,5.72,0,0,0-.82-3.1c-2.9-5.53-6-10.92-10.15-15.56-7.65-8.54-15.93-16.28-26.51-21.22a5.39,5.39,0,0,0-5.85.44c-4,2.67-8.19,5.14-12.19,7.85s-8.38,2.61-12.41.29a173.27,173.27,0,0,0-42-17.34,8.93,8.93,0,0,1-6.9-6.73c-1.14-4.6-2.51-9.14-3.3-13.83-.43-2.57-.74-5.36-3.88-6.36C364.63,201.83,359,200.09,353,200c-3.58-.08-7.15.13-10.72-.06a63.54,63.54,0,0,0-23.37,3.36c-2.42.8-4,1.92-4.58,4.75-1,5.47-2.42,10.88-3.84,16.26a8.47,8.47,0,0,1-6.59,6.34,138,138,0,0,0-27,9.41c-5.82,2.6-11.33,5.87-17.07,8.66a9.17,9.17,0,0,1-8.69-.07,104.64,104.64,0,0,1-12-7.6c-3.15-2.38-5.88-2.75-9.4-.84a85,85,0,0,0-19.16,14,82,82,0,0,0-15.2,20.33,9.21,9.21,0,0,0-1.31,4.72,6.57,6.57,0,0,0,1.75,4.7c2.53,3.08,4.39,6.7,6.64,10a12.63,12.63,0,0,1,2.41,6.71,11.47,11.47,0,0,1-1.72,5.49c-.55.95-1,1.94-1.57,2.9a159.58,159.58,0,0,0-15.69,39,9.26,9.26,0,0,1-6.29,7c-4.42,1.48-9,2.05-13.55,3.11-4.13,1-7.43,2.24-8.4,7s-2.52,9.54-2.44,14.59v1.42c.14,2.75.18,5.5.18,8.25s-.07,5.78-.14,8.67v1.22c0,5.95,1.79,11.47,3.72,17a2.81,2.81,0,0,0,2,2.13c4.77,1.1,9.53,2.27,14.32,3.35,4.51,1,8.86,2.41,10.21,7.47a175.6,175.6,0,0,0,6.11,19A157.79,157.79,0,0,0,203,471.92a12.15,12.15,0,0,1,1.92,5.74,9.14,9.14,0,0,1-1.37,4.43c-2.91,4.86-5.9,9.67-9,14.39a3.73,3.73,0,0,0-.76,2.55,3.84,3.84,0,0,0,.45,2.13,75.08,75.08,0,0,0,12.36,18.95,85.27,85.27,0,0,0,23.57,18.47c1.8.92,3.57,2.48,6,.78,4.1-2.85,8.53-5.24,12.64-8.08a11.66,11.66,0,0,1,13.12-.55c5.18,2.87,10.38,5.68,15.81,8.06,7.69,3.35,15.42,6.49,23.62,8.32,6.46,1.46,8.72,4,10,10.66.94,4.74,2.2,9.42,3.29,14.13a3.63,3.63,0,0,0,2.53,2.59,58,58,0,0,0,26.84,4.25,103.84,103.84,0,0,0,10.87-.08,90.32,90.32,0,0,0,10.95-2.2c6.09-1.41,7.29-3.07,8.46-9.34a130.5,130.5,0,0,1,3.66-14,6.69,6.69,0,0,1,5.1-5c4.53-.73,8.79-2.39,13.07-3.84a162,162,0,0,0,30.21-13.82,10.7,10.7,0,0,1,11.31-.33A116.75,116.75,0,0,1,451,538.74c2.19,1.59,4.14,1.57,6.49.17,5-3,10-5.85,14.48-9.69,9-7.79,16.72-16.58,21.8-27.48a4.58,4.58,0,0,0,.62-2.48,3,3,0,0,0-.55-2c-2.41-3.64-4.4-7.59-7-11.08a14.6,14.6,0,0,1-3.32-8.4,16.83,16.83,0,0,1,2.74-8.36c7.57-12.5,12.64-26.11,16.26-40.25a8.09,8.09,0,0,1,5.23-5.95A93.17,93.17,0,0,1,522,419.64c4.31-.68,7-2.32,8.3-6.77a81.65,81.65,0,0,0,3.35-24Q533.69,384.85,533.39,380.75Z" transform="translate(-73.73 -192.2)"/>
  <g>
    <path class="cls-1" d="M430.78,292.58c-.73.89-.38,1.93-.38,2.89q0,34.2,0,68.39c0,3.4-.33,3.79-3.77,3.81q-13.19.07-26.37,0c-4,0-4.21-.3-4.21-4.2V275c0-.92,0-1.83,0-2.75a2.89,2.89,0,0,0-2.06-3.13,109.68,109.68,0,0,0-11.59-4.06,133.26,133.26,0,0,0-24.85-5.05c-4.09-.4-4.07-.65-4.07,3.49v250c0,.73,0,1.47,0,2.2-.07,1.52.52,2.09,2.13,2,3.18-.26,6.34-.55,9.51-1a149.34,149.34,0,0,0,27.64-7.47c2.75-1,3.34-2.37,3.33-5q-.09-45.06,0-90.11c0-4,.15-4.12,4.21-4.12h26.1c3.64,0,4,.37,4,3.84q0,30.36-.07,60.71v10.95C488.83,435.59,487.92,341.14,430.78,292.58Z" transform="translate(-73.73 -192.2)"/>
    <path class="cls-1" d="M271.28,342.19a84,84,0,0,1,30.45-28.88,79.78,79.78,0,0,1,30.63-10.15c2.27-.25,3.34-1.15,3.29-3.68-.17-6,0-11.9,0-17.85,0-6.5,0-13,0-19.5,0-2.08-.76-2.87-2.86-2.27-3.85,1.1-7.92.85-11.88,1.68A144.26,144.26,0,0,0,295.23,269a129.94,129.94,0,0,0-64.47,57.54,120,120,0,0,0-9.34,21.85,128.54,128.54,0,0,0-6.36,34.32,138.4,138.4,0,0,0,2,29.45A129,129,0,0,0,296,508.93a130.14,130.14,0,0,0,37.33,8.86c1.59.13,2.24-.31,2.24-1.85v-39c0-1.16-.33-2-1.65-2-1.67,0-3.21-.71-4.82-1a83.81,83.81,0,0,1-35-14.45c-15.86-11.14-26.48-26.19-32.46-44.57-1.45-4.45-1.06-4.94,3.55-4.94,22.34,0,44.68,0,67,0,2.57,0,3.51-.71,3.48-3.41q-.19-18.14,0-36.26c0-2.4-.7-3.17-3.12-3.15-11.45.11-22.89.05-34.33.05H263.88c-3.29,0-3.44-.25-2.48-3.5A88.34,88.34,0,0,1,271.28,342.19Z" transform="translate(-73.73 -192.2)"/>
  </g>
  <text class="cls-3" transform="translate(23.9 449.04)">Engineering House</text>
  <g>
    <polyline class="cls-4" points="32.17 469.7 318.03 469.7 337.22 494.95 337.22 443.43 355.4 458.59 525.1 458.59"/>
    <g>
      <polyline class="cls-5" points="32.17 469.7 318.03 469.7 337.22 494.95 337.22 443.43 355.4 458.59 513.03 458.59"/>
      <path class="cls-1" d="M598.83,650.79c-5.68,2.11-12.73,5.7-17.1,9.51l3.44-9.51-3.44-9.51C586.1,645.09,593.15,648.68,598.83,650.79Z" transform="translate(-73.73 -192.2)"/>
    </g>
  </g>
  <polyline class="cls-6" points="32.17 469.7 318.03 469.7 337.22 494.95 337.22 443.43 355.4 458.59 525.1 458.59"/>
</svg>


/*Downloaded from https://www.codeseek.co/fudgepop01/a-pen-by-dominick-reba-yEYWJa */
    


/*Downloaded from https://www.codeseek.co/fudgepop01/a-pen-by-dominick-reba-yEYWJa */
    

Comments