Add icons to this collection by clicking the heart icon.
Before icon - also known as change, beauty, hair, before, after, transformation, and before after. Created in a clean flat 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 512 512"
>
<path
fill="#fd8c02"
d="M147.145 379.168c-56.812 0-103.033 46.221-103.033 103.033H256v-20.236l-31.414-51.435-51.435-31.433z"
/>
<path fill="#f2d1a5" d="M173.151 318.701v60.396L256 461.965V318.701z" />
<path
fill="#77b7e9"
d="M364.855 379.168c56.812 0 103.033 46.221 103.033 103.033H256v-20.236l31.414-51.435 51.435-31.433z"
/>
<path fill="#eb8" d="M338.849 318.701v60.396L256 461.965V318.701z" />
<path
fill="#9c5015"
d="M411.379 149.053c0-65.063-52.932-117.995-117.995-117.995H256l-10.001 86.494L256 192h155.379z"
/>
<path
fill="#ba5f19"
d="M136.382 31.058C94.4 78.883 87.81 140.504 110.732 192H256V31.058z"
/>
<path
fill="#f2d1a5"
d="M145.821 176.787h-30.999c-23.596 0-42.724 19.128-42.724 42.724s19.128 42.724 42.724 42.724h30.999z"
/>
<path
fill="#eb8"
d="M367.512 176.787h30.999c23.596 0 42.724 19.128 42.724 42.724s-19.128 42.724-42.724 42.724h-30.999z"
/>
<path
fill="#f2d1a5"
d="M320.176 120.001H256L245.999 242 256 357.516c72.214 0 130.964-58.751 130.964-130.964v-39.763c.001-36.827-29.961-66.788-66.788-66.788z"
/>
<path
fill="#f8e4c2"
d="M191.824 120.001c-36.827 0-66.789 29.961-66.789 66.789v39.763c0 72.214 58.75 130.964 130.965 130.964V120.001z"
/>
<path
fill="#fff"
d="m226.317 305.884-25.968-15.021c11.459-19.811 32.784-32.117 55.651-32.117v30c-12.194-.001-23.567 6.566-29.683 17.138z"
/>
<path
fill="#f5edea"
d="M256 288.745v-30c12.193 0 23.567-6.567 29.682-17.139l25.969 15.021c-11.46 19.812-32.784 32.118-55.651 32.118z"
/>
<path fill="#e1e1e6" d="M271 0h-15l-7.001 256L256 512h15z" />
<path fill="#ebebf0" d="M241 0h15v512h-15z" />
</svg>
More icons in the same style and category