Add icons to this collection by clicking the heart icon.
Before icon - also known as arrow, ui, before, and after. Created in a clean lineal color 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="#89dd8e"
d="M213.985 439.745H53.944c-24.27 0-43.944-19.674-43.944-43.944V195.993c0-24.269 19.674-43.944 43.944-43.944h160.041z"
/>
<path
fill="#e0e7ef"
d="M296.985 152.049h161.071c24.269 0 43.944 19.674 43.944 43.944v199.808c0 24.269-19.674 43.944-43.944 43.944H296.985z"
/>
<path
d="M255.985 101.851c-5.522 0-10 4.478-10 10v368.094c0 5.522 4.478 10 10 10s10-4.478 10-10V111.851c0-5.523-4.477-10-10-10z"
/>
<path
d="M108.837 105.055a9.957 9.957 0 0 0 6.442 2.355 9.978 9.978 0 0 0 7.649-3.553C156.05 64.581 204.662 42.055 256.3 42.055c43.741 0 85.281 16.205 117.008 45.07h-21.644c-5.522 0-10 4.478-10 10s4.478 10 10 10h45.141c5.438 0 10-4.547 10-10V52.471c0-5.522-4.478-10-10-10s-10 4.478-10 10v19.896C351.414 40.147 305.08 22.056 256.3 22.056c-57.542 0-111.732 25.118-148.661 68.907-3.56 4.223-3.024 10.531 1.198 14.092zM213.985 142.05H53.943C24.199 142.05 0 166.249 0 195.993v199.809c0 29.744 24.199 53.943 53.943 53.943H170.02c5.522 0 10-4.478 10-10s-4.478-10-10-10H53.943C35.227 429.745 20 414.519 20 395.802V195.993c0-18.717 15.227-33.943 33.943-33.943h160.042c5.522 0 10-4.478 10-10s-4.477-10-10-10zM458.057 142.05H296.985c-5.522 0-10 4.478-10 10s4.478 10 10 10h161.071c18.717 0 33.943 15.227 33.943 33.943v199.809c0 18.717-15.227 33.943-33.943 33.943H296.985c-5.522 0-10 4.478-10 10s4.478 10 10 10h161.071c29.744 0 53.943-24.199 53.943-53.943V195.993c.001-29.744-24.198-53.943-53.942-53.943z"
/>
<path
d="M120.961 212.517c0-5.522-4.478-10-10-10H87.807c-5.522 0-10 4.478-10 10s4.478 10 10 10h23.154c5.522 0 10-4.478 10-10zM171.244 277.025l-16.372-16.372c-3.906-3.904-10.236-3.904-14.143 0-3.905 3.905-3.905 10.237 0 14.143l16.372 16.372c1.953 1.952 4.512 2.929 7.071 2.929s5.118-.977 7.071-2.929c3.906-3.905 3.906-10.237.001-14.143zM80.735 318.375l-16.372 16.372c-3.905 3.905-3.905 10.237 0 14.143 1.953 1.952 4.512 2.929 7.071 2.929s5.118-.977 7.071-2.929l16.372-16.372c3.905-3.905 3.905-10.237 0-14.143-3.905-3.904-10.235-3.904-14.142 0zM155.987 369.938h-.002l-23.15.005c-5.523.001-9.999 4.479-9.998 10.002s4.478 9.998 10 9.998h.002l23.15-.005c5.523-.001 9.999-4.479 9.998-10.002s-4.477-9.998-10-9.998zM223.22 435.92c-3.359-8.069-15.125-8.053-18.47 0-1.631 3.926-.53 8.624 2.703 11.397 3.242 2.781 8 3.183 11.669 1.003 4.195-2.491 5.975-7.898 4.098-12.4z"
/>
</svg>
More icons in the same style and category