Add icons to this collection by clicking the heart icon.
Before After icon - also known as photo, before, compare, after, effects, edit tools, retouch, and before after. Created in a clean lineal style with a black 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<path
d="M0 0h-147.13"
transform="matrix(1.33333 0 0 -1.33333 559.053 125.827)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h30.01c11.15 0 20.2-9.05 20.2-20.21v-282.84c0-11.16-9.05-20.21-20.2-20.21h-212.14"
transform="translate(454.29 417.63)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-6"
transform="translate(239.837 417.626)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="4"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-175.013c-11.158 0-20.204-9.045-20.204-20.203v-282.846c0-11.158 9.046-20.203 20.204-20.203H15.56"
transform="translate(202.717 417.626)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="4"
stroke-dasharray="11.67,31.121"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="M0 0h6"
transform="translate(233.837 94.374)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="4"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-84.63c0-2.24-1.81-4.04-4.04-4.04h-20.21c-4.46 0-8.08-3.62-8.08-8.09v-16.16c0-4.46 3.62-8.08 8.08-8.08h80.82c4.46 0 8.08 3.62 8.08 8.08v16.16c0 4.47-3.62 8.09-8.08 8.09H36.36c-2.23 0-4.04 1.8-4.04 4.04v424.26c0 2.24 1.81 4.04 4.04 4.04h20.21c4.46 0 8.08 3.62 8.08 8.09v16.16c0 4.46-3.62 8.08-8.08 8.08h-80.82c-4.46 0-8.08-3.62-8.08-8.08v-16.16c0-4.47 3.62-8.09 8.08-8.09h20.21c2.23 0 4.04-1.8 4.04-4.04V35"
transform="translate(239.84 128.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-138.93c0-11.15 9.04-20.2 20.2-20.2h127.28c11.16 0 20.2 9.05 20.2 20.2V63.11c0 11.15-9.04 20.2-20.2 20.2H20.2C9.04 83.31 0 74.26 0 63.11V35"
transform="translate(47.91 293.91)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category