Hover the icon or press Play. Suggested motion: zoom. Pick another to preview it and update the animated code:

VS Code Icons · VscSearchLarge

Search Large icon

A free search large icon from VS Code Icons, ready for React. Use it static or animated: both versions are below, copy-paste or one shadcn command away. Sized in em and colored by currentColor.

Also known asmagnifying icon find icon lookup icon explore icon zoom icon

License: CC BY 4.0 license
Project: github.com

Download SVG

Install with shadcn

npx shadcn@latest add https://ui.cuelark.com/r/icons/vscode-codicons/search-large.json

components/icons/vscode-codicons-search-large.tsx

import * as React from "react";

/**
 * Search Large from VS Code Icons (https://github.com/microsoft/vscode-codicons), CC BY 4.0.
 * Via Cuelark UI: ui.cuelark.com/icons/vscode-codicons/search-large. Sized in em, colored by currentColor.
 */
export function VscSearchLargeIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      viewBox="0 0 24 24"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M22.281 21.219L16.0875 15.0255C17.2815 13.5945 18 11.754 18 9.74854C18 5.19904 14.298 1.49854 9.75 1.49854C5.202 1.49854 1.5 5.20054 1.5 9.75004C1.5 14.2995 5.202 18 9.75 18C11.7555 18 13.5945 17.28 15.027 16.0875L21.2205 22.281C21.3675 22.428 21.5595 22.5 21.7515 22.5C21.9435 22.5 22.1355 22.4265 22.2825 22.281C22.575 21.9885 22.575 21.513 22.2825 21.2205L22.281 21.219ZM9.75 16.5C6.0285 16.5 3 13.4715 3 9.75004C3 6.02853 6.0285 3.00004 9.75 3.00004C13.4715 3.00004 16.5 6.02853 16.5 9.75004C16.5 13.4715 13.4715 16.5 9.75 16.5Z"
      />
    </svg>
  );
}

With react-icons

import { VscSearchLarge } from "react-icons/vsc";

export function Example() {
  return <VscSearchLarge className="size-5" />;
}

search-large.svg

<svg
  viewBox="0 0 24 24"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M22.281 21.219L16.0875 15.0255C17.2815 13.5945 18 11.754 18 9.74854C18 5.19904 14.298 1.49854 9.75 1.49854C5.202 1.49854 1.5 5.20054 1.5 9.75004C1.5 14.2995 5.202 18 9.75 18C11.7555 18 13.5945 17.28 15.027 16.0875L21.2205 22.281C21.3675 22.428 21.5595 22.5 21.7515 22.5C21.9435 22.5 22.1355 22.4265 22.2825 22.281C22.575 21.9885 22.575 21.513 22.2825 21.2205L22.281 21.219ZM9.75 16.5C6.0285 16.5 3 13.4715 3 9.75004C3 6.02853 6.0285 3.00004 9.75 3.00004C13.4715 3.00004 16.5 6.02853 16.5 9.75004C16.5 13.4715 13.4715 16.5 9.75 16.5Z"
  />
</svg>

Attribution

"Search Large" icon from VS Code Icons (https://github.com/microsoft/vscode-codicons), licensed under CC BY 4.0 license.

Related icons: magnifying, find, lookup, explore

Similar VS Code Icons icons