Using user icons
Person icons stand for accounts, profiles and sign-in; a circle outline variant often replaces a missing profile photo.
All icons here follow currentColor, so they take the text color of the element they sit in — one SVG works on light and dark backgrounds, in links and in buttons. Set an explicit width and height (or size them in CSS with 1em) so the layout doesn’t shift while the page loads.
Accessible icons
If the icon is decorative or sits next to visible text, add aria-hidden="true". If it is the only content of a button or link, give that element an aria-label such as “User”.
Licenses
These user icons come from Lucide, Tabler, Heroicons, Phosphor, Iconoir, Material Design Icons, Carbon — open-source sets under MIT, ISC or Apache 2.0 licenses, which allow personal and commercial use. Need something else? Search all 70,000+ icons in the SVG Icon Finder.