Add icons to this collection by clicking the heart icon.
Pencil icon - also known as pencil, pen, edit, ui, edit button, edit file, pen outline, and edit image. 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 100 100"
>
<linearGradient
id="a"
x1="16.658"
x2="83.333"
y1="17.856"
y2="84.531"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff3d6" />
<stop offset="1" stop-color="#f2c793" />
</linearGradient>
<linearGradient
id="b"
x1="73.592"
x2="26.398"
y1="74.79"
y2="27.596"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fac50a" />
<stop offset="1" stop-color="#fb620b" />
</linearGradient>
<g fill="none">
<path
fill="url(#a)"
d="M16.658 27.855c0-5.522 4.477-10 10-10h46.675c5.523 0 10 4.478 10 10v46.676c0 5.523-4.477 10-10 10H26.658c-5.523 0-10-4.477-10-10z"
/>
<g fill="url(#b)">
<path
d="M38.22 74.236a2.132 2.132 0 0 0 1.385-.621l23.716-23.716a1.422 1.422 0 0 0 0-2.01L53.3 37.865a1.421 1.421 0 0 0-2.01 0L27.573 61.583c-.37.37-.591.863-.621 1.385l-.55 9.567a2.132 2.132 0 0 0 2.25 2.251zM54.807 34.348a1.421 1.421 0 0 0 0 2.01L64.83 46.382a1.421 1.421 0 0 0 2.01 0l6.129-6.129a2.132 2.132 0 0 0 0-3.015L63.95 28.22a2.132 2.132 0 0 0-3.016 0z"
/>
</g>
</g>
</svg>
More icons in the same style and category