Search

search, find, lookup, zoom, magnifying glass

Live preview

Tune size, color, and stroke width before copying the icon into your UI.

Size

96px

Stroke width

1.8

Color

#111827

Export

Copy the original SVG, copy a ready-to-use JSX component, or download the source file.

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" width="96" height="96" aria-hidden="true">
  <circle cx="11" cy="11" r="6.5" stroke="#111827" stroke-width="1.8" />
  <path d="M16 16L21 21" stroke="#111827" stroke-width="1.8" stroke-linecap="round" />
</svg>

import type { SVGProps } from "react";

export function SearchIcon(props: SVGProps<SVGSVGElement>) {
  return (
      <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" width="96" height="96" aria-hidden="true" {...props}>
        <circle cx="11" cy="11" r="6.5" stroke="#111827" strokeWidth="1.8" />
        <path d="M16 16L21 21" stroke="#111827" strokeWidth="1.8" strokeLinecap="round" />
      </svg>
  );
}

Category

Style

Outline

Related icons

More icons from the same visual neighborhood and overlapping tags.

Outline

Free

Open Category: UI