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

Chat Ai4 Fill icon

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

/**
 * Chat Ai4 Fill from Remix Icon (https://github.com/Remix-Design/RemixIcon), Apache License Version 2.0.
 * Via Cuelark UI: ui.cuelark.com/icons/remix/chat-ai4-fill. Sized in em, colored by currentColor.
 */
export function RiChatAi4FillIcon(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.3428 2.99996C14.1216 3.62563 14 4.29855 14 4.99997C14 8.31368 16.6863 11 20 11C20.7014 11 21.3743 10.8784 22 10.6572V18C22 18.5523 21.5523 19 21 19H6.4541L2 22.5V3.99997C2.00002 3.4477 2.44773 2.99996 3 2.99996H14.3428ZM19.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 { RiChatAi4Fill } from "react-icons/ri";

export function Example() {
  return <RiChatAi4Fill className="size-5" />;
}
chat-ai4-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="M14.3428 2.99996C14.1216 3.62563 14 4.29855 14 4.99997C14 8.31368 16.6863 11 20 11C20.7014 11 21.3743 10.8784 22 10.6572V18C22 18.5523 21.5523 19 21 19H6.4541L2 22.5V3.99997C2.00002 3.4477 2.44773 2.99996 3 2.99996H14.3428ZM19.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 Ai4 Fill" icon from Remix Icon (https://github.com/Remix-Design/RemixIcon), licensed under Apache License Version 2.0.

Related icons: message, comment, conversation, bubble