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 · RiSearchAi3Fill

Search Ai3 Fill icon

A free search ai3 fill 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-ai3-fill.json
components/icons/remix-search-ai3-fill.tsx
import * as React from "react";

/**
 * Search Ai3 Fill from Remix Icon (https://github.com/Remix-Design/RemixIcon), Apache License Version 2.0.
 * Via Cuelark UI: ui.cuelark.com/icons/remix/search-ai3-fill. Sized in em, colored by currentColor.
 */
export function RiSearchAi3FillIcon(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="M11 2C15.968 2 20 6.032 20 11C20 13.124 19.2633 15.0773 18.0312 16.6172L22.3135 20.8994L20.8994 22.3135L16.6172 18.0312C15.0773 19.2633 13.124 20 11 20C6.032 20 2 15.968 2 11C2 6.032 6.032 2 11 2ZM11.4707 7.31836C11.2943 6.89251 10.7059 6.89252 10.5293 7.31836L10.2764 7.92969C9.8445 8.9725 9.03847 9.8052 8.02539 10.2559L7.30762 10.5752C6.89741 10.758 6.89744 11.3552 7.30762 11.5381L8.06738 11.876C9.05518 12.3153 9.84761 13.1183 10.2871 14.127L10.5332 14.6924C10.7137 15.1065 11.2864 15.1065 11.4668 14.6924L11.7139 14.127C12.1534 13.1185 12.9449 12.3153 13.9326 11.876L14.6924 11.5381C15.1026 11.3552 15.1026 10.758 14.6924 10.5752L13.9746 10.2559C12.9615 9.8052 12.1556 8.97249 11.7236 7.92969L11.4707 7.31836Z"
      />
    </svg>
  );
}
With react-icons
import { RiSearchAi3Fill } from "react-icons/ri";

export function Example() {
  return <RiSearchAi3Fill className="size-5" />;
}
search-ai3-fill.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="M11 2C15.968 2 20 6.032 20 11C20 13.124 19.2633 15.0773 18.0312 16.6172L22.3135 20.8994L20.8994 22.3135L16.6172 18.0312C15.0773 19.2633 13.124 20 11 20C6.032 20 2 15.968 2 11C2 6.032 6.032 2 11 2ZM11.4707 7.31836C11.2943 6.89251 10.7059 6.89252 10.5293 7.31836L10.2764 7.92969C9.8445 8.9725 9.03847 9.8052 8.02539 10.2559L7.30762 10.5752C6.89741 10.758 6.89744 11.3552 7.30762 11.5381L8.06738 11.876C9.05518 12.3153 9.84761 13.1183 10.2871 14.127L10.5332 14.6924C10.7137 15.1065 11.2864 15.1065 11.4668 14.6924L11.7139 14.127C12.1534 13.1185 12.9449 12.3153 13.9326 11.876L14.6924 11.5381C15.1026 11.3552 15.1026 10.758 14.6924 10.5752L13.9746 10.2559C12.9615 9.8052 12.1556 8.97249 11.7236 7.92969L11.4707 7.31836Z"
  />
</svg>
Attribution
"Search Ai3 Fill" icon from Remix Icon (https://github.com/Remix-Design/RemixIcon), licensed under Apache License Version 2.0.

Related icons: magnifying, find, lookup, explore