Add icons to this collection by clicking the heart icon.
Edit icon - also known as pencil, edit, gear, settings, fountain pen, art and design, edit tools, and edit tool. Created in a clean 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 64 64"
>
<linearGradient
id="a"
x1="32"
x2="32"
y1="-1.184"
y2="65.656"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<linearGradient
id="b"
x1="45.435"
x2="45.435"
y1="-1.184"
y2="65.656"
gradientTransform="rotate(45 45.44 13.557)"
href="#a"
/>
<linearGradient id="c" x1="51" x2="51" y1="-1.184" y2="65.656" href="#a" />
<linearGradient
id="d"
x1="45.435"
x2="45.435"
y1="-1.184"
y2="65.656"
gradientTransform="rotate(45 45.446 40.43)"
href="#a"
/>
<linearGradient
id="e"
x1="18.565"
x2="18.565"
y1="-1.184"
y2="65.656"
gradientTransform="rotate(45 18.573 40.434)"
href="#a"
/>
<linearGradient id="f" x1="13" x2="13" y1="-1.184" y2="65.656" href="#a" />
<linearGradient
id="g"
x1="18.565"
x2="18.565"
y1="-1.184"
y2="65.656"
gradientTransform="rotate(45 18.568 13.562)"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M61 56H41v-5a1 1 0 0 0-1-1h-1v-5.365c.175-.069.351-.13.526-.206l4.5 4.489a1 1 0 0 0 1.414 0l8.48-8.48a1 1 0 0 0 0-1.414l-4.49-4.5c.074-.173.147-.349.217-.525H56a1 1 0 0 0 1-1V21a1 1 0 0 0-1-1h-6.355c-.07-.176-.143-.352-.217-.525l4.49-4.5a1 1 0 0 0 0-1.414l-8.48-8.48a1 1 0 0 0-1.414 0l-4.5 4.49a22.214 22.214 0 0 0-.525-.217V3a1 1 0 0 0-1-1H26a1 1 0 0 0-1 1v6.355c-.176.07-.352.143-.525.217l-4.5-4.49a1 1 0 0 0-1.414 0l-8.48 8.48a1 1 0 0 0 0 1.414l4.49 4.5c-.074.173-.147.349-.217.525H8a1 1 0 0 0-1 1V33a1 1 0 0 0 1 1h6.355c.07.176.143.352.217.525l-4.49 4.5a1 1 0 0 0 0 1.414l8.48 8.48a1 1 0 0 0 1.414 0l4.5-4.489c.175.076.351.137.526.206V50H24a1 1 0 0 0-1 1v5H3a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h58a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1zM41.822 30.431l-9-13a1.038 1.038 0 0 0-1.644 0l-9 13a1 1 0 0 0-.153.794l1.248 5.405a13 13 0 1 1 17.454 0l1.248-5.405a1 1 0 0 0-.153-.794zM32 29a2 2 0 1 1-2 2 2 2 0 0 1 2-2zm-8.447 13.522L19.271 46.8 12.2 39.729l4.274-4.282a1 1 0 0 0 .193-1.141 15.614 15.614 0 0 1-.677-1.636 1 1 0 0 0-.94-.67H9V22h6.05a1 1 0 0 0 .944-.67 15.614 15.614 0 0 1 .677-1.636 1 1 0 0 0-.193-1.141L12.2 14.271 19.271 7.2l4.282 4.274a1 1 0 0 0 1.141.193 15.614 15.614 0 0 1 1.636-.677 1 1 0 0 0 .67-.94V4h10v6.05a1 1 0 0 0 .67.944 15.614 15.614 0 0 1 1.636.677 1 1 0 0 0 1.141-.193L44.729 7.2l7.071 7.071-4.274 4.282a1 1 0 0 0-.193 1.141 15.614 15.614 0 0 1 .677 1.636 1 1 0 0 0 .944.67H55v10h-6.05a1 1 0 0 0-.944.67 15.614 15.614 0 0 1-.677 1.636 1 1 0 0 0 .193 1.141l4.278 4.282-7.071 7.071-4.282-4.274a.993.993 0 0 0-1.027-.228l.607-2.629a15 15 0 1 0-16.054 0l.607 2.63a.993.993 0 0 0-1.027.223zm3.422 1.253-2.9-12.569L31 21.2v5.941a4 4 0 1 0 2 0V21.2l6.926 10-2.9 12.569A1.063 1.063 0 0 0 37 44v6H27v-6a1.063 1.063 0 0 0-.025-.225zM25 52h14v4H25zm35 8H4v-2h56z"
/>
<path fill="url(#a)" d="M30 7h4v2h-4z" />
<path
fill="url(#b)"
d="M44.435 11.565h2v4h-2z"
transform="rotate(-45 45.437 13.574)"
/>
<path fill="url(#c)" d="M50 25h2v4h-2z" />
<path
fill="url(#d)"
d="M43.435 39.435h4v2h-4z"
transform="rotate(-45 45.432 40.446)"
/>
<path
fill="url(#e)"
d="M17.565 38.435h2v4h-2z"
transform="rotate(-45 18.56 40.441)"
/>
<path fill="url(#f)" d="M12 25h2v4h-2z" />
<path
fill="url(#g)"
d="M16.565 12.565h4v2h-4z"
transform="rotate(-45 18.563 13.569)"
/>
</g>
</svg>
More icons in the same style and category