Skip to content
Cuelark UI

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

Remix Icon · RiChatAi2Line

Chat Ai2 Line icon

A free chat ai2 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 asmessage iconcomment iconconversation iconbubble icontalk iconsms iconmessenger 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/chat-ai2-line.json
components/icons/remix-chat-ai2-line.tsx
import * as React from "react";

/**
 * Chat Ai2 Line from Remix Icon (https://github.com/Remix-Design/RemixIcon), Apache License Version 2.0.
 * Via Cuelark UI: ui.cuelark.com/icons/remix/chat-ai2-line. Sized in em, colored by currentColor.
 */
export function RiChatAi2LineIcon(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="M14 4.99997H4V17H10.5908L12 19.0117L13.4092 17H20V11H22V18C22 18.5445 21.5445 19 21 19H14.4502L12 22.5L9.5498 19H3C2.45547 19 2 18.5445 2 18V3.99997C2.00002 3.45544 2.45546 2.99996 3 2.99996H14V4.99997ZM19.5293 1.3193C19.7058 0.893513 20.2942 0.8935 20.4707 1.3193L20.7236 1.93063C21.1555 2.97343 21.9615 3.80614 22.9746 4.2568L23.6914 4.57614C24.1022 4.75882 24.1022 5.35635 23.6914 5.53903L22.9326 5.87692C21.945 6.3162 21.1534 7.11943 20.7139 8.1279L20.4668 8.69333C20.2863 9.10747 19.7136 9.10747 19.5332 8.69333L19.2861 8.1279C18.8466 7.11942 18.0551 6.3162 17.0674 5.87692L16.3076 5.53903C15.8974 5.35618 15.8974 4.75895 16.3076 4.57614L17.0254 4.2568C18.0384 3.80614 18.8445 2.97343 19.2764 1.93063L19.5293 1.3193Z"
      />
    </svg>
  );
}
With react-icons
import { RiChatAi2Line } from "react-icons/ri";

export function Example() {
  return <RiChatAi2Line className="size-5" />;
}
chat-ai2-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="M14 4.99997H4V17H10.5908L12 19.0117L13.4092 17H20V11H22V18C22 18.5445 21.5445 19 21 19H14.4502L12 22.5L9.5498 19H3C2.45547 19 2 18.5445 2 18V3.99997C2.00002 3.45544 2.45546 2.99996 3 2.99996H14V4.99997ZM19.5293 1.3193C19.7058 0.893513 20.2942 0.8935 20.4707 1.3193L20.7236 1.93063C21.1555 2.97343 21.9615 3.80614 22.9746 4.2568L23.6914 4.57614C24.1022 4.75882 24.1022 5.35635 23.6914 5.53903L22.9326 5.87692C21.945 6.3162 21.1534 7.11943 20.7139 8.1279L20.4668 8.69333C20.2863 9.10747 19.7136 9.10747 19.5332 8.69333L19.2861 8.1279C18.8466 7.11942 18.0551 6.3162 17.0674 5.87692L16.3076 5.53903C15.8974 5.35618 15.8974 4.75895 16.3076 4.57614L17.0254 4.2568C18.0384 3.80614 18.8445 2.97343 19.2764 1.93063L19.5293 1.3193Z"
  />
</svg>
Attribution
"Chat Ai2 Line" icon from Remix Icon (https://github.com/Remix-Design/RemixIcon), licensed under Apache License Version 2.0.

Related icons: message, comment, conversation, bubble