Add icons to this collection by clicking the heart icon.
Edit icon - also known as write, pencil, edit, edit tools, and user interface. 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 28 28"
>
<linearGradient
id="a"
x1="-1.861"
x2="28.979"
y1="30.356"
y2="-1.447"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".04" stop-color="#fee72e" />
<stop offset=".117" stop-color="#fed51b" />
<stop offset=".196" stop-color="#fdca10" />
<stop offset=".281" stop-color="#fdc70c" />
<stop offset=".669" stop-color="#f3903f" />
<stop offset=".888" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<linearGradient
id="b"
x1="-1.775"
x2="29.065"
y1="30.44"
y2="-1.364"
gradientTransform="rotate(45 19.503 8.497)"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M25 25H3V3h18V1H2a1 1 0 0 0-1 1v24a1 1 0 0 0 1 1h24a1 1 0 0 0 1-1V7h-2z"
/>
<path
fill="url(#b)"
d="M9.308 7.5h20.385v2H9.308z"
transform="rotate(-45 19.5 8.504)"
/>
</g>
</svg>
More icons in the same style and category