Add icons to this collection by clicking the heart icon.
Edit icon - also known as edit, controls, contrast adjustment, brightness and contrast, music and multimedia, and increase and decrease. Created in a clean lineal color style with a white, silver, maroon, and pink finish, 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 300 300"
>
<circle cx="126" cy="128" r="86" fill="#d2ddff" />
<path
fill="#4c241d"
d="M102 58c-7.719 0-14-6.281-14-14s6.281-14 14-14 14 6.281 14 14-6.281 14-14 14zm0-20c-3.309 0-6 2.691-6 6s2.691 6 6 6 6-2.691 6-6-2.691-6-6-6zM216.812 83.219a4 4 0 0 1-2.824-6.832l14.723-14.672a4 4 0 1 1 5.648 5.664l-14.723 14.672a3.993 3.993 0 0 1-2.824 1.168z"
/>
<path
fill="#4c241d"
d="M231.508 83.246a3.986 3.986 0 0 1-2.834-1.176l-14.668-14.723a4.001 4.001 0 0 1 5.668-5.648l14.668 14.723a3.997 3.997 0 0 1-.012 5.656 3.97 3.97 0 0 1-2.822 1.168z"
/>
<path fill="#f4aeab" d="M176 94h80v144h-80z" />
<path
fill="#4c241d"
d="M256 242h-80c-2.209 0-4-1.789-4-4V94c0-2.211 1.791-4 4-4h80c2.209 0 4 1.789 4 4v144c0 2.211-1.791 4-4 4zm-76-8h72V98h-72z"
/>
<g fill="#4c241d">
<path
d="M160 270c-2.209 0-4-1.789-4-4V70c0-2.211 1.791-4 4-4s4 1.789 4 4v196c0 2.211-1.791 4-4 4z"
/>
<circle cx="192" cy="110" r="4" />
<circle cx="204" cy="110" r="4" />
<circle cx="216" cy="110" r="4" />
<circle cx="228" cy="110" r="4" />
<circle cx="240" cy="110" r="4" />
<circle cx="192" cy="126" r="4" />
<circle cx="204" cy="126" r="4" />
<circle cx="216" cy="126" r="4" />
<circle cx="228" cy="126" r="4" />
<circle cx="240" cy="126" r="4" />
<circle cx="192" cy="142" r="4" />
<circle cx="204" cy="142" r="4" />
<circle cx="216" cy="142" r="4" />
<circle cx="228" cy="142" r="4" />
<circle cx="240" cy="142" r="4" />
<circle cx="192" cy="158" r="4" />
<circle cx="204" cy="158" r="4" />
<circle cx="216" cy="158" r="4" />
<circle cx="228" cy="158" r="4" />
<circle cx="240" cy="158" r="4" />
<circle cx="192" cy="174" r="4" />
<circle cx="204" cy="174" r="4" />
<circle cx="216" cy="174" r="4" />
<circle cx="228" cy="174" r="4" />
<circle cx="240" cy="174" r="4" />
<circle cx="192" cy="190" r="4" />
<circle cx="204" cy="190" r="4" />
<circle cx="216" cy="190" r="4" />
<circle cx="228" cy="190" r="4" />
<circle cx="240" cy="190" r="4" />
<circle cx="192" cy="206" r="4" />
<circle cx="204" cy="206" r="4" />
<circle cx="216" cy="206" r="4" />
<circle cx="228" cy="206" r="4" />
<circle cx="240" cy="206" r="4" />
<circle cx="192" cy="222" r="4" />
<circle cx="204" cy="222" r="4" />
<circle cx="216" cy="222" r="4" />
<circle cx="228" cy="222" r="4" />
<circle cx="240" cy="222" r="4" />
</g>
<path fill="#fff" d="M64 94h80v144H64z" />
<path
fill="#4c241d"
d="M144 242H64c-2.209 0-4-1.789-4-4V94c0-2.211 1.791-4 4-4h80c2.209 0 4 1.789 4 4v144c0 2.211-1.791 4-4 4zm-76-8h72V98H68z"
/>
<circle cx="80" cy="110" r="4" fill="#d6d6d6" />
<circle cx="92" cy="110" r="4" fill="#d6d6d6" />
<circle cx="104" cy="110" r="4" fill="#d6d6d6" />
<circle cx="116" cy="110" r="4" fill="#d6d6d6" />
<circle cx="128" cy="110" r="4" fill="#d6d6d6" />
<circle cx="80" cy="126" r="4" fill="#d6d6d6" />
<circle cx="92" cy="126" r="4" fill="#d6d6d6" />
<circle cx="104" cy="126" r="4" fill="#d6d6d6" />
<circle cx="116" cy="126" r="4" fill="#d6d6d6" />
<circle cx="128" cy="126" r="4" fill="#d6d6d6" />
<circle cx="80" cy="142" r="4" fill="#d6d6d6" />
<circle cx="92" cy="142" r="4" fill="#d6d6d6" />
<circle cx="104" cy="142" r="4" fill="#d6d6d6" />
<circle cx="116" cy="142" r="4" fill="#d6d6d6" />
<circle cx="128" cy="142" r="4" fill="#d6d6d6" />
<circle cx="80" cy="158" r="4" fill="#d6d6d6" />
<circle cx="92" cy="158" r="4" fill="#d6d6d6" />
<circle cx="104" cy="158" r="4" fill="#d6d6d6" />
<circle cx="116" cy="158" r="4" fill="#d6d6d6" />
<circle cx="128" cy="158" r="4" fill="#d6d6d6" />
<circle cx="80" cy="174" r="4" fill="#d6d6d6" />
<circle cx="92" cy="174" r="4" fill="#d6d6d6" />
<circle cx="104" cy="174" r="4" fill="#d6d6d6" />
<circle cx="116" cy="174" r="4" fill="#d6d6d6" />
<circle cx="128" cy="174" r="4" fill="#d6d6d6" />
<circle cx="80" cy="190" r="4" fill="#d6d6d6" />
<circle cx="92" cy="190" r="4" fill="#d6d6d6" />
<circle cx="104" cy="190" r="4" fill="#d6d6d6" />
<circle cx="116" cy="190" r="4" fill="#d6d6d6" />
<circle cx="128" cy="190" r="4" fill="#d6d6d6" />
<circle cx="80" cy="206" r="4" fill="#d6d6d6" />
<circle cx="92" cy="206" r="4" fill="#d6d6d6" />
<circle cx="104" cy="206" r="4" fill="#d6d6d6" />
<circle cx="116" cy="206" r="4" fill="#d6d6d6" />
<circle cx="128" cy="206" r="4" fill="#d6d6d6" />
<circle cx="80" cy="222" r="4" fill="#d6d6d6" />
<circle cx="92" cy="222" r="4" fill="#d6d6d6" />
<circle cx="104" cy="222" r="4" fill="#d6d6d6" />
<circle cx="116" cy="222" r="4" fill="#d6d6d6" />
<circle cx="128" cy="222" r="4" fill="#d6d6d6" />
</svg>
More icons in the same style and category