Add icons to this collection by clicking the heart icon.
Edit icon - also known as education, file, document, pencil, edit, register, and files and folders. 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 32 32"
>
<linearGradient
id="c"
x1="2"
x2="22"
y1="16"
y2="16"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#c4d3f1" />
<stop offset="1" stop-color="#8ab2e9" />
</linearGradient>
<linearGradient
id="a"
x1="6"
x2="12"
y1="10"
y2="10"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffc269" />
<stop offset="1" stop-color="#e5646e" />
</linearGradient>
<linearGradient id="d" x1="16" x2="18" y1="24" y2="24" href="#a" />
<linearGradient
id="b"
x1="13"
x2="15"
y1="24"
y2="24"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b3e59f" />
<stop offset="1" stop-color="#36b91b" />
</linearGradient>
<linearGradient id="e" x1="24" x2="30" y1="8" y2="8" href="#b" />
<linearGradient
id="f"
x1="24"
x2="30"
y1="19.5"
y2="19.5"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffe07d" />
<stop offset="1" stop-color="#ffc269" />
</linearGradient>
<g>
<path
fill="#c4d3f1"
d="M21.92 10.38A1 1 0 0 1 21 11h-6a1 1 0 0 1-1-1V4a1 1 0 0 1 .62-.92 1 1 0 0 1 1.09.21l6 6a1 1 0 0 1 .21 1.09z"
/>
<path
fill="url(#c)"
d="M22 10v18a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v5h5a1 1 0 0 1 1 1z"
/>
<path
fill="#83a9de"
d="M22 27v1a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h1v18a6.06 6.06 0 0 0 6 6z"
/>
<path
fill="url(#a)"
d="M12 8v4a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1z"
/>
<path
fill="#e5646e"
d="M12 12a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1 5 5 0 0 0 5 5z"
/>
<path
fill="#fff"
d="M17 17H7a1 1 0 0 1 0-2h10a1 1 0 0 1 0 2zm1 3a1 1 0 0 0-1-1H7a1 1 0 0 0 0 2h10a1 1 0 0 0 1-1zm-6 4a1 1 0 0 0-1-1H7a1 1 0 0 0 0 2h4a1 1 0 0 0 1-1z"
/>
<path fill="url(#d)" d="M18 24a1 1 0 1 1-1-1 1 1 0 0 1 1 1z" />
<path fill="url(#b)" d="M15 24a1 1 0 1 1-1-1 1 1 0 0 1 1 1z" />
<path fill="url(#e)" d="M30 7v3h-6V7a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1z" />
<path
fill="url(#f)"
d="M30 10v15a1 1 0 0 1-.17.55l-2 3a1 1 0 0 1-1.66 0l-2-3A1 1 0 0 1 24 25V10z"
/>
<path
fill="#36b91b"
d="M27 6a1 1 0 0 0-1 1v3h-2V7a1 1 0 0 1 1-1z"
opacity=".5"
/>
<path
fill="#ffa95f"
d="m28 28.3-.17.25a1 1 0 0 1-1.66 0l-2-3A1 1 0 0 1 24 25V10h2v15a1 1 0 0 0 .17.55z"
opacity=".4"
/>
<path fill="#fff" d="M30 10v2h-6v-2z" />
</g>
</svg>
More icons in the same style and category