Skip to content
Cuelark UI

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

Remix Icon · RiSearchAi4Line

Search Ai4 Line icon

A free search ai4 line icon from Remix Icon, 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 iconfind iconlookup iconexplore iconzoom icon
License
Apache License Version 2.0
Project
github.com
Download SVG
Install with shadcn
npx shadcn@latest add https://ui.cuelark.com/r/icons/remix/search-ai4-line.json
components/icons/remix-search-ai4-line.tsx
import * as React from "react";

/**
 * Search Ai4 Line from Remix Icon (https://github.com/Remix-Design/RemixIcon), Apache License Version 2.0.
 * Via Cuelark UI: ui.cuelark.com/icons/remix/search-ai4-line. Sized in em, colored by currentColor.
 */
export function RiSearchAi4LineIcon(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.3135 20.8992L20.8994 22.3132L18.0713 19.4851L19.4854 18.071L22.3135 20.8992ZM11 1.99976C15.9679 1.99976 19.9999 6.03184 20 10.9998C20 15.9678 15.968 19.9998 11 19.9998C6.032 19.9998 2 15.9678 2 10.9998C2.00011 6.03185 6.03206 1.99976 11 1.99976ZM11 3.99976C7.13256 3.99976 4.00011 7.13235 4 10.9998C4 14.8673 7.1325 17.9998 11 17.9998C14.8675 17.9998 18 14.8673 18 10.9998C17.9999 7.13235 14.8674 3.99976 11 3.99976ZM10.5293 7.31909C10.7058 6.89305 11.2943 6.89305 11.4707 7.31909L11.7236 7.93042C12.1556 8.97319 12.9615 9.80598 13.9746 10.2566L14.6924 10.575C15.1029 10.7577 15.1028 11.356 14.6924 11.5388L13.9326 11.8767C12.9448 12.316 12.1534 13.119 11.7139 14.1277L11.4668 14.6931C11.2864 15.1072 10.7137 15.1072 10.5332 14.6931L10.2871 14.1277C9.84761 13.119 9.05518 12.316 8.06738 11.8767L7.30762 11.5388C6.89719 11.356 6.89717 10.7577 7.30762 10.575L8.02539 10.2566C9.0385 9.80598 9.84446 8.97321 10.2764 7.93042L10.5293 7.31909Z"
      />
    </svg>
  );
}
With react-icons
import { RiSearchAi4Line } from "react-icons/ri";

export function Example() {
  return <RiSearchAi4Line className="size-5" />;
}
search-ai4-line.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.3135 20.8992L20.8994 22.3132L18.0713 19.4851L19.4854 18.071L22.3135 20.8992ZM11 1.99976C15.9679 1.99976 19.9999 6.03184 20 10.9998C20 15.9678 15.968 19.9998 11 19.9998C6.032 19.9998 2 15.9678 2 10.9998C2.00011 6.03185 6.03206 1.99976 11 1.99976ZM11 3.99976C7.13256 3.99976 4.00011 7.13235 4 10.9998C4 14.8673 7.1325 17.9998 11 17.9998C14.8675 17.9998 18 14.8673 18 10.9998C17.9999 7.13235 14.8674 3.99976 11 3.99976ZM10.5293 7.31909C10.7058 6.89305 11.2943 6.89305 11.4707 7.31909L11.7236 7.93042C12.1556 8.97319 12.9615 9.80598 13.9746 10.2566L14.6924 10.575C15.1029 10.7577 15.1028 11.356 14.6924 11.5388L13.9326 11.8767C12.9448 12.316 12.1534 13.119 11.7139 14.1277L11.4668 14.6931C11.2864 15.1072 10.7137 15.1072 10.5332 14.6931L10.2871 14.1277C9.84761 13.119 9.05518 12.316 8.06738 11.8767L7.30762 11.5388C6.89719 11.356 6.89717 10.7577 7.30762 10.575L8.02539 10.2566C9.0385 9.80598 9.84446 8.97321 10.2764 7.93042L10.5293 7.31909Z"
  />
</svg>
Attribution
"Search Ai4 Line" icon from Remix Icon (https://github.com/Remix-Design/RemixIcon), licensed under Apache License Version 2.0.

Related icons: magnifying, find, lookup, explore