pencil

Preview Sizes

pencil
16px
pencil
24px
pencil
32px
pencil
48px

pencil SVG Icon

High-quality pencil SVG icon for web design and development projects. Free to download and use in your projects.

Keywords:
Format: SVG (Vector)
License: Free for commercial use

✏️ Want to customize this icon? Edit with svgia.com - our powerful online SVG editor!

SVG Code

<?xml version="1.0" encoding="utf-8"?>
<svg width="800px" height="800px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  <defs>
    <path id="pencil-a" d="M2.09018793,12.0875244 L6,15.9973365 L4.04509397,17.9522425 L0.362426758,17.9522425 L0.362426758,13.6533219 L2.09018793,12.0875244 Z M14.8317871,0 L18.6564941,4.01416016 L15.9130859,6.77368164 L12,2.7331543 L14.8317871,0 Z"/>
    <path id="pencil-c" d="M13.6672619,3.59619408 L13.6672619,1.16726189 L9.66726189,1.16726189 L9.66726189,3.59619408 L13.6672619,3.59619408 Z M13.6672619,5.59619408 L9.66726189,5.59619408 L9.66726189,20.1672619 L11.6672619,22.1672619 L13.6672619,20.1672619 L13.6672619,5.59619408 Z M9.66726189,-0.83273811 L13.6672619,-0.83273811 C14.7718314,-0.83273811 15.6672619,0.0626923899 15.6672619,1.16726189 L15.6672619,20.1672619 C15.6672619,20.6976949 15.4565482,21.2064027 15.0814755,21.5814755 L13.0814755,23.5814755 C12.3004269,24.362524 11.0340969,24.362524 10.2530483,23.5814755 L8.25304833,21.5814755 C7.87797557,21.2064027 7.66726189,20.6976949 7.66726189,20.1672619 L7.66726189,1.16726189 C7.66726189,0.0626923899 8.56269239,-0.83273811 9.66726189,-0.83273811 Z"/>
  </defs>
  <g fill="none" fill-rule="evenodd">
    <g transform="translate(3 2)">
      <mask id="pencil-b" fill="#ffffff">
        <use xlink:href="#pencil-a"/>
      </mask>
      <use fill="#D8D8D8" xlink:href="#pencil-a"/>
      <g fill="#FFA0A0" mask="url(#pencil-b)">
        <rect width="24" height="24" transform="translate(-3 -2)"/>
      </g>
    </g>
    <mask id="pencil-d" fill="#ffffff">
      <use xlink:href="#pencil-c"/>
    </mask>
    <use fill="#000000" fill-rule="nonzero" transform="rotate(45 11.667 11.667)" xlink:href="#pencil-c"/>
    <g fill="#7600FF" mask="url(#pencil-d)">
      <rect width="24" height="24"/>
    </g>
  </g>
</svg>