user x

The user x icon in 4 styles and 2 corner shapes, drawn once and generated for every size.

import { UserXIcon } from '@uv-foundry/icons-react';

<UserXIcon />

Styles

Stroke, roundedSVG

Solid, roundedSVG

Duotone, roundedSVG

Twotone, roundedSVG

Stroke, sharpSVG

Solid, sharpSVG

Duotone, sharpSVG

Twotone, sharpSVG

SVG code

The user x icon as SVG, stroke style with rounded corners. It uses currentColor, so it takes the colour of the text around it.

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M4.75 7.75c0-2.209 2.041-4 4.25-4s4.25 1.791 4.25 4-2.041 4-4.25 4-4.25-1.791-4.25-4z"/><path d="M2.75 20.25c0-3.65 2.85-6 6.25-6s6.25 2.35 6.25 6Z"/><path d="M16.5 8.5 21 13"/><path d="M21 8.5 16.5 13"/></svg>

Sizes

Smaller sizes use a heavier stroke so lines stay crisp on screen.

16px

20px

24px

32px

Nearby icons