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

VS Code Icons · VscChatImport

Chat Import icon

A free chat import 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 asmessage icon comment icon conversation icon bubble icon talk icon sms icon messenger icon download 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/chat-import.json

components/icons/vscode-codicons-chat-import.tsx

import * as React from "react";

/**
 * Chat Import from VS Code Icons (https://github.com/microsoft/vscode-codicons), CC BY 4.0.
 * Via Cuelark UI: ui.cuelark.com/icons/vscode-codicons/chat-import. Sized in em, colored by currentColor.
 */
export function VscChatImportIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      viewBox="0 0 16 16"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M6.037 12.117C6.08 12.501 6.164 12.873 6.283 13.23L4.625 14.681C3.992 15.236 3 14.786 3 13.944V12.002H2.5C1.119 12.002 0 10.883 0 9.50195V4.50195C0 3.12095 1.119 2.00195 2.5 2.00195H11.5C12.881 2.00195 14 3.11995 14 4.50095V6.60795C13.683 6.44495 13.349 6.31295 13 6.21395V4.50195C13 3.67395 12.328 3.00095 11.5 3.00095H2.5C1.672 3.00095 1 3.67395 1 4.50195V9.50195C1 10.33 1.672 11.002 2.5 11.002H4V13.9L6.037 12.118V12.117ZM16 11.5C16 13.985 13.985 16 11.5 16C9.015 16 7 13.985 7 11.5C7 9.01495 9.015 6.99995 11.5 6.99995C13.985 6.99995 16 9.01495 16 11.5ZM13.854 11.147L11.854 9.14695L11.851 9.14395C11.804 9.09695 11.749 9.06195 11.691 9.03795C11.633 9.01395 11.569 8.99995 11.503 8.99995H11.497C11.43 8.99995 11.367 9.01395 11.309 9.03795C11.25 9.06195 11.195 9.09895 11.147 9.14595L9.147 11.146C8.952 11.341 8.952 11.658 9.147 11.853C9.342 12.048 9.659 12.048 9.854 11.853L11 10.707V13.5C11 13.776 11.224 14 11.5 14C11.776 14 12 13.776 12 13.5V10.707L13.146 11.853C13.341 12.048 13.658 12.048 13.853 11.853C14.048 11.658 14.048 11.341 13.853 11.146L13.854 11.147Z"
      />
    </svg>
  );
}

With react-icons

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

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

chat-import.svg

<svg
  viewBox="0 0 16 16"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M6.037 12.117C6.08 12.501 6.164 12.873 6.283 13.23L4.625 14.681C3.992 15.236 3 14.786 3 13.944V12.002H2.5C1.119 12.002 0 10.883 0 9.50195V4.50195C0 3.12095 1.119 2.00195 2.5 2.00195H11.5C12.881 2.00195 14 3.11995 14 4.50095V6.60795C13.683 6.44495 13.349 6.31295 13 6.21395V4.50195C13 3.67395 12.328 3.00095 11.5 3.00095H2.5C1.672 3.00095 1 3.67395 1 4.50195V9.50195C1 10.33 1.672 11.002 2.5 11.002H4V13.9L6.037 12.118V12.117ZM16 11.5C16 13.985 13.985 16 11.5 16C9.015 16 7 13.985 7 11.5C7 9.01495 9.015 6.99995 11.5 6.99995C13.985 6.99995 16 9.01495 16 11.5ZM13.854 11.147L11.854 9.14695L11.851 9.14395C11.804 9.09695 11.749 9.06195 11.691 9.03795C11.633 9.01395 11.569 8.99995 11.503 8.99995H11.497C11.43 8.99995 11.367 9.01395 11.309 9.03795C11.25 9.06195 11.195 9.09895 11.147 9.14595L9.147 11.146C8.952 11.341 8.952 11.658 9.147 11.853C9.342 12.048 9.659 12.048 9.854 11.853L11 10.707V13.5C11 13.776 11.224 14 11.5 14C11.776 14 12 13.776 12 13.5V10.707L13.146 11.853C13.341 12.048 13.658 12.048 13.853 11.853C14.048 11.658 14.048 11.341 13.853 11.146L13.854 11.147Z"
  />
</svg>

Attribution

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

Related icons: message, comment, conversation, bubble

Similar VS Code Icons icons