search x

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

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

<SearchXIcon />

Styles

Stroke, roundedSVG

Solid, roundedSVG

Duotone, roundedSVG

Twotone, roundedSVG

Stroke, sharpSVG

Solid, sharpSVG

Duotone, sharpSVG

Twotone, sharpSVG

SVG code

The search 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="M3.75 11a7.25 7.25 0 1 1 14.5 0 7.25 7.25 0 0 1-14.5 0z"/><path d="m16.25 16.25 4.25 4.25"/><path d="m8.75 8.75 4.5 4.5"/><path d="m13.25 8.75-4.5 4.5"/></svg>

Sizes

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

16px

20px

24px

32px

Nearby icons