Add icons to this collection by clicking the heart icon.
Pencil icon - also known as pencil, drawing, art and design, pencil and paper, and color pencil. Created in a clean flat gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 16 16"
>
<linearGradient
id="a"
x1="4.632"
x2="9.31"
y1="11.885"
y2="16.711"
gradientTransform="rotate(45 8.002 7.999)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff692" />
<stop offset=".285" stop-color="#f7df80" />
<stop offset="1" stop-color="#e5a857" />
</linearGradient>
<linearGradient
id="b"
x1="5.869"
x2="10.133"
y1="8.027"
y2="8.027"
gradientTransform="rotate(45 8.002 7.999)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e69045" />
<stop offset="1" stop-color="#d35628" />
</linearGradient>
<linearGradient
id="c"
x1="5.869"
x2="10.133"
y1=".348"
y2=".348"
gradientTransform="rotate(45 8.002 7.999)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff6b6b" />
<stop offset="1" stop-color="#fa3f3f" />
</linearGradient>
<linearGradient
id="d"
x1="5.869"
x2="10.133"
y1="2.238"
y2="2.238"
gradientTransform="rotate(45 8.002 7.999)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff692" />
<stop offset=".411" stop-color="#f5d97c" />
<stop offset="1" stop-color="#e5a857" />
</linearGradient>
<path
fill="url(#a)"
d="M1.074 15.237a.254.254 0 0 1-.312-.312l1.032-3.733a17.378 17.378 0 0 1 1.673 1.313A15.082 15.082 0 0 1 4.8 14.213z"
/>
<path
fill="url(#b)"
d="M14.078 4.94 4.8 14.217a14.912 14.912 0 0 0-1.406-1.609 17.264 17.264 0 0 0-1.6-1.415l9.277-9.277a17.263 17.263 0 0 1 1.6 1.415 14.911 14.911 0 0 1 1.407 1.609z"
/>
<path
fill="url(#c)"
d="m14.855 4.163-.879.879a14.912 14.912 0 0 0-1.406-1.61 17.264 17.264 0 0 0-1.6-1.415l.869-.869a1.421 1.421 0 0 1 2.016 0l.99.99a1.424 1.424 0 0 1 .01 2.025z"
/>
<path
fill="url(#d)"
d="m14.013 5-.943.943a13.634 13.634 0 0 0-1.406-1.609 13.755 13.755 0 0 0-1.609-1.406L11 1.989a19.58 19.58 0 0 1 1.591 1.424A19.581 19.581 0 0 1 14.013 5z"
/>
</svg>
More icons in the same style and category