Before After black filled icon
Circle icon split by a vertical line with Before and After labels on each side
Related tags
About the Before After black filled icon
Inside a thin circular frame, a vertical divider separates two rounded label buttons marked Before and After, the classic layout of a comparison slider. It communicates transformation, measurable results and side-by-side review. Drop it into fitness and diet apps, photo editing tools, dental and cosmetic clinic pages, home renovation portfolios or agency case study decks.
The outer ring keeps the mark balanced while the centered split line does the real work, with the two pills at equal weight so neither side dominates. Pair it with compare, arrow and star rating icons. Keep it at 32 px or larger so the wordmarks stay legible.
This is the solid black filled version of the before after icon: a bold silhouette that reads clearly at 16-24 px and on dark or busy backgrounds, and prints well in one colour.
Get it free as an SVG vector or transparent PNG (16-512px), copy the SVG code, or restyle it in the free online editor — recolor any part, add gold, neon or gradient effects, animate it, or export EPS, PDF and DXF.
Free for personal and commercial use with attribution.
