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

VS Code Icons · VscChatExport

Chat Export icon

A free chat export 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 upload 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-export.json

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

import * as React from "react";

/**
 * Chat Export from VS Code Icons (https://github.com/microsoft/vscode-codicons), CC BY 4.0.
 * Via Cuelark UI: ui.cuelark.com/icons/vscode-codicons/chat-export. Sized in em, colored by currentColor.
 */
export function VscChatExportIcon(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.147C13.659 10.952 13.342 10.952 13.147 11.147L12.001 12.293V9.49995C12.001 9.22395 11.777 8.99995 11.501 8.99995C11.225 8.99995 11.001 9.22395 11.001 9.49995V12.293L9.855 11.147C9.66 10.952 9.343 10.952 9.148 11.147C8.953 11.342 8.953 11.659 9.148 11.854L11.148 13.854L11.151 13.857C11.198 13.904 11.253 13.939 11.311 13.963C11.369 13.987 11.433 14.001 11.499 14.001H11.505C11.572 14.001 11.635 13.987 11.693 13.963C11.752 13.939 11.807 13.902 11.855 13.855L13.855 11.855C14.05 11.66 14.05 11.343 13.855 11.148L13.854 11.147Z"
      />
    </svg>
  );
}

With react-icons

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

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

chat-export.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.147C13.659 10.952 13.342 10.952 13.147 11.147L12.001 12.293V9.49995C12.001 9.22395 11.777 8.99995 11.501 8.99995C11.225 8.99995 11.001 9.22395 11.001 9.49995V12.293L9.855 11.147C9.66 10.952 9.343 10.952 9.148 11.147C8.953 11.342 8.953 11.659 9.148 11.854L11.148 13.854L11.151 13.857C11.198 13.904 11.253 13.939 11.311 13.963C11.369 13.987 11.433 14.001 11.499 14.001H11.505C11.572 14.001 11.635 13.987 11.693 13.963C11.752 13.939 11.807 13.902 11.855 13.855L13.855 11.855C14.05 11.66 14.05 11.343 13.855 11.148L13.854 11.147Z"
  />
</svg>

Attribution

"Chat Export" 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