Add icons to this collection by clicking the heart icon.
Before 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>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h39.62c5.52 0 10-4.48 10-10v-160c0-5.52-4.48-10-10-10h-212.19"
transform="translate(452.38 346)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-82.57"
transform="translate(362.38 346)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-5.523-4.477-10-10-10S-20-5.523-20 0s4.477 10 10 10S0 5.523 0 0"
transform="translate(417.383 346)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-6.086"
transform="translate(239.81 166)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="4"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-173.277c-5.52 0-10 4.48-10 10v160c0 5.52 4.48 10 10 10H20.224"
transform="translate(193.277 166)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="4"
stroke-dasharray="12.134,40.448"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="M0 0h6.086"
transform="translate(233.725 346)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="4"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-5.523-4.477-10-10-10S-20-5.523-20 0s4.477 10 10 10S0 5.523 0 0"
transform="translate(98.18 292.723)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-5.523-4.477-10-10-10S-20-5.523-20 0s4.477 10 10 10S0 5.523 0 0"
transform="translate(171.628 292.723)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-5.523-4.477-10-10-10S-20-5.523-20 0s4.477 10 10 10S0 5.523 0 0"
transform="translate(98.18 219.277)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-5.523-4.477-10-10-10S-20-5.523-20 0s4.477 10 10 10S0 5.523 0 0"
transform="translate(171.628 219.277)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-5.523-4.477-10-10-10S-20-5.523-20 0s4.477 10 10 10S0 5.523 0 0"
transform="translate(134.904 256)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-5.523-4.477-10-10-10S-20-5.523-20 0s4.477 10 10 10S0 5.523 0 0"
transform="translate(61.457 256)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-5.523-4.477-10-10-10S-20-5.523-20 0s4.477 10 10 10S0 5.523 0 0"
transform="translate(208.351 256)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M279.809 146h-40v220h40z"
fill="none"
stroke="#000"
stroke-width="20"
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