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.021"
x2="32.021"
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="20.736"
x2="20.736"
y1="-1.184"
y2="65.656"
gradientTransform="rotate(45 20.742 20.735)"
href="#a"
/>
<linearGradient
id="c"
x1="34.172"
x2="34.172"
y1="-1.184"
y2="65.656"
href="#a"
/>
<linearGradient
id="d"
x1="47.606"
x2="47.606"
y1="-1.184"
y2="65.656"
gradientTransform="rotate(45 47.61 20.725)"
href="#a"
/>
<linearGradient
id="e"
x1="53.172"
x2="53.172"
y1="-1.184"
y2="65.656"
href="#a"
/>
<linearGradient
id="f"
x1="20.736"
x2="20.736"
y1="-1.184"
y2="65.656"
gradientTransform="rotate(45 20.747 47.6)"
href="#a"
/>
<linearGradient
id="g"
x1="15.172"
x2="15.172"
y1="-1.184"
y2="65.656"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M62 49.517V3a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1v7.586l-3.707 3.707A1 1 0 0 0 2 15v46a1 1 0 0 0 1 1h46.519a.993.993 0 0 0 .209.042 1 1 0 0 0 .707-.293l11.314-11.314a1 1 0 0 0 .293-.707.951.951 0 0 0-.042-.211zM8 4h52v43.272l-2.494-2.494a1 1 0 0 0-1.414 0l-.71.71-3.966-3.971c.075-.173.155-.342.225-.517H58a1 1 0 0 0 1-1V28a1 1 0 0 0-1-1h-6.357a25.788 25.788 0 0 0-.219-.529l4.493-4.494a1 1 0 0 0 0-1.414L52 16.646V7a1 1 0 0 0-1-1H11a1 1 0 0 0-.707.293L8 8.586zm38.9 49.968-4.245-4.24a.962.962 0 0 0-.177-.141L31.541 42.75l-2.177-11.972 4.2 4.2a4.04 4.04 0 1 0 1.414-1.414l-4.2-4.2 11.973 2.177 6.836 10.938a.93.93 0 0 0 .141.177l4.24 4.246zm-18.567-3.96a20.4 20.4 0 0 1-1.663-.685 1 1 0 0 0-1.129.2L21.27 53.8l-7.07-7.07 4.273-4.273a1 1 0 0 0 .2-1.128 18.973 18.973 0 0 1-.685-1.664A1 1 0 0 0 17.05 39H11V29h6.05a1 1 0 0 0 .942-.665c.2-.548.419-1.093.685-1.664a1 1 0 0 0-.2-1.128L14.2 21.27l7.07-7.07 4.273 4.273a1 1 0 0 0 1.129.2 19.067 19.067 0 0 1 1.663-.685A1 1 0 0 0 29 17.05V11h10v6.05a1 1 0 0 0 .665.942c.55.2 1.094.42 1.663.685a1 1 0 0 0 1.129-.2L46.73 14.2l7.07 7.07-4.273 4.273a1 1 0 0 0-.2 1.128c.266.571.489 1.116.685 1.664a1 1 0 0 0 .938.665H57v10h-6.05a.99.99 0 0 0-.859.512L48.646 37.2A14.626 14.626 0 0 0 49 34a15 15 0 1 0-15 15 14.662 14.662 0 0 0 3.2-.353l2.311 1.444a.989.989 0 0 0-.511.859V57H29v-6.05a1 1 0 0 0-.665-.942zm-.349-23.184a1 1 0 0 0-1.162 1.162l2.828 15.556a1 1 0 0 0 .453.67l4.412 2.757c-.174.006-.342.031-.517.031A13 13 0 1 1 47 34c0 .176-.025.343-.031.517l-2.757-4.411a1 1 0 0 0-.669-.454zM37 35a2 2 0 0 1 1.414 3.414 2.047 2.047 0 0 1-2.828 0A2 2 0 0 1 37 35zM10 9.414V14H5.414zM4 16h7a1 1 0 0 0 1-1V8h38v6.646l-2.563-2.563a1 1 0 0 0-1.414 0l-4.494 4.493a16.862 16.862 0 0 0-.529-.218V10a1 1 0 0 0-1-1H28a1 1 0 0 0-1 1v6.358c-.176.069-.353.142-.529.218l-4.494-4.493a1 1 0 0 0-1.415 0l-8.479 8.48a1 1 0 0 0 0 1.414l4.493 4.494c-.076.177-.148.353-.219.529H10a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h6.357c.071.176.143.352.219.529l-4.493 4.494a1 1 0 0 0 0 1.414l8.479 8.48a1 1 0 0 0 1.415 0l4.494-4.493c.176.076.353.149.529.218V58a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-6.359c.177-.07.345-.15.518-.225l3.969 3.967-.709.709a1 1 0 0 0 0 1.414L47.272 60H4zm45.728 43.627L46.9 56.8l9.9-9.9 2.829 2.829z"
/>
<path
fill="url(#b)"
d="M18.736 19.737h4v2h-4z"
transform="rotate(-45 20.734 20.741)"
/>
<path fill="url(#c)" d="M32.172 14.171h4v2h-4z" />
<path
fill="url(#d)"
d="M46.607 18.737h2v4h-2z"
transform="rotate(-45 47.6 20.747)"
/>
<path fill="url(#e)" d="M52.172 32.171h2v4h-2z" />
<path fill="url(#c)" d="M32.172 52.171h4v2h-4z" />
<path
fill="url(#f)"
d="M19.736 45.607h2v4h-2z"
transform="rotate(-45 20.725 47.61)"
/>
<path fill="url(#g)" d="M14.172 32.171h2v4h-2z" />
</g>
</svg>
More icons in the same style and category