Add icons to this collection by clicking the heart icon.
Before After icon - also known as user, woman, change, beauty, transformation, and before after. Created in a clean lineal color style with a white, silver, orange, 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 512 512"
>
<path
fill="#ffe477"
d="M280 32h-48c-53.019 0-96 42.981-96 96v152h240V128c0-53.019-42.981-96-96-96z"
/>
<path
fill="#ffb655"
d="M280 32h-16c53.019 0 96 42.981 96 96v152h16V128c0-53.019-42.981-96-96-96z"
/>
<circle cx="160" cy="160" r="16" fill="#ffcdbe" />
<path
fill="#cda0e1"
d="M416 480H96V328c0-26.51 21.49-48 48-48h224c26.51 0 48 21.49 48 48z"
/>
<path
fill="#b071d2"
d="M368 280h-16c26.51 0 48 21.49 48 48v152h16V328c0-26.51-21.49-48-48-48z"
/>
<path fill="#ff7956" d="M256 280v200H96V328c0-26.51 21.49-48 48-48z" />
<path
fill="#ffdecf"
d="M96 408h64v72H96zM320 280c0 35.35-28.65 64-64 64s-64-28.65-64-64h32v-24h64v24z"
/>
<path
fill="#ffcdbe"
d="M256 256c-11.378 0-22.201-2.375-32-6.657v17.994c10.009 3.538 20.78 5.463 32 5.463 11.22 0 21.991-1.925 32-5.463v-17.994c-9.799 4.282-20.622 6.657-32 6.657z"
/>
<path
fill="#ffdecf"
d="M176 175.998v2.396c-.002 42.86 34.743 77.606 77.603 77.606h2.007c44.576 0 80.393-35.819 80.392-80.002L336.001 112H240c-35.346 0-63.999 28.652-64 63.998z"
/>
<path
fill="#ffcdbe"
d="M336.001 112h-16l.001 63.998c.001 41.82-32.094 76.126-73.325 79.678 2.283.202 4.59.324 6.925.324h2.007c44.576 0 80.393-35.819 80.392-80.002z"
/>
<path
fill="#ffdecf"
d="M256.15 112v143.99c-.18.01-.36.01-.54.01h-2.01c-42.86 0-77.6-34.75-77.6-77.61V176c0-35.35 28.65-64 64-64z"
/>
<circle cx="352" cy="160" r="16" fill="#ffcdbe" />
<path
fill="#ffe477"
d="M336 112c0 22.091-17.909 40-40 40s-40-17.909-40-40"
/>
<path fill="#fff" d="M280 72.5h16v15h-16zM312 72.5h16v15h-16z" />
<path
d="M383.5 274.702V128c0-57.07-46.43-103.5-103.5-103.5h-16.5V0h-15v24.5H232c-23.453 0-46.427 8.063-64.691 22.704l9.382 11.704C192.529 46.211 211.655 39.5 232 39.5h16.5v65H240c-27.625 0-51.642 15.749-63.543 38.74-4.243-4.166-10.055-6.74-16.456-6.74-6.424 0-12.254 2.591-16.5 6.783V128c0-21.811 8.002-42.764 22.533-58.998l-11.177-10.004C137.86 77.987 128.5 102.492 128.5 128v146.702c-23.084 6.724-40 28.072-40 53.298v24h15v-24c0-22.332 18.168-40.5 40.5-40.5h40.891c3.502 33.448 30.161 60.107 63.609 63.609V472.5h-81V344h-15v56.5h-49V368h-15v119.5h160V512h15V351.109c33.448-3.502 60.107-30.161 63.609-63.609H368c22.332 0 40.5 18.168 40.5 40.5v144.5h-49V344h-15v128.5H280v15h143.5V328c0-25.225-16.916-46.574-40-53.298zM103.5 415.5h49v57h-49zM280 39.5c48.799 0 88.5 39.701 88.5 88.5v15.283c-4.246-4.192-10.076-6.783-16.5-6.783-2.995 0-5.861.564-8.498 1.59V112H328.5c0 17.92-14.58 32.5-32.5 32.5s-32.5-14.58-32.5-32.5V39.5zm48.502 136.498c0 19.381-7.555 37.584-21.274 51.258-11.878 11.838-27.181 19.08-43.728 20.83V146.61c8.503 7.989 19.94 12.89 32.5 12.89 12.561 0 23.999-4.902 32.502-12.892v13.076l-.002.316.002.316zm15-15.826v-.343c.092-4.608 3.868-8.329 8.498-8.329 4.687 0 8.5 3.813 8.5 8.5s-3.813 8.5-8.5 8.5c-4.63 0-8.406-3.72-8.498-8.328zM240 119.5h8.5v128.818c-16.804-1.201-32.438-8.321-44.469-20.352-13.241-13.241-20.532-30.846-20.532-49.572v-2.396c.002-31.153 25.348-56.498 56.501-56.498zm-80 32c4.687 0 8.5 3.813 8.5 8.5s-3.813 8.5-8.5 8.5-8.5-3.813-8.5-8.5 3.813-8.5 8.5-8.5zm-16.5 121.002v-95.785c4.246 4.192 10.076 6.783 16.5 6.783 3.022 0 5.913-.574 8.569-1.618.857 21.423 9.606 41.441 24.855 56.69 6.835 6.835 14.627 12.364 23.075 16.462V272.5H144l-.5.002zm56.496 14.998H231.5v-26.883a85.246 85.246 0 0 0 17 2.733v72.654c-25.168-3.352-45.152-23.336-48.504-48.504zm63.504 48.504v-72.848a88.347 88.347 0 0 0 17-3.18V287.5h31.504c-3.352 25.168-23.336 45.152-48.504 48.504zm32-63.504v-18.446a87.8 87.8 0 0 0 22.316-16.174c15.179-15.128 24.108-34.848 25.495-56.045a23.373 23.373 0 0 0 8.688 1.665c6.424 0 12.254-2.591 16.5-6.783v95.785l-.5-.002z"
/>
<path fill="#fff" d="M200 184.5h16v15h-16zM224 200.5h16v15h-16z" />
</svg>
More icons in the same style and category