Skip to content
Cuelark UI

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

VS Code Icons · VscCommentUnresolvedCompact

Comment Unresolved Compact icon

A free comment unresolved compact 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 aschat iconmessage iconconversation iconbubble icontalk iconsms iconmessenger 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/comment-unresolved-compact.json
components/icons/vscode-codicons-comment-unresolved-compact.tsx
import * as React from "react";

/**
 * Comment Unresolved Compact from VS Code Icons (https://github.com/microsoft/vscode-codicons), CC BY 4.0.
 * Via Cuelark UI: ui.cuelark.com/icons/vscode-codicons/comment-unresolved-compact. Sized in em, colored by currentColor.
 */
export function VscCommentUnresolvedCompactIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      viewBox="0 0 12 12"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M10 0C11.1 0 12 0.9 12 2V7.0498C11.72 6.75985 11.3797 6.52959 11.0098 6.34961V2C11.0098 1.45 10.5598 1 10.0098 1H2.00977C1.45987 1.00013 1.00977 1.45008 1.00977 2V7C1.00977 7.54992 1.45987 7.99987 2.00977 8H4.00977V10.8301L6.05957 9.00977C6.03957 9.16977 6.00977 9.33 6.00977 9.5H6C6 9.7799 6.03964 10.0399 6.09961 10.2998L4.42969 11.7803C4.27979 11.92 4.07009 11.9999 3.86035 12C3.39035 12 3 11.6196 3 11.1396V9H2C0.9 9 0 8.1 0 7V2C0 0.9 0.9 0 2 0H10Z"
      />
      <path
        d="M9.50977 7C10.8905 7 12.0098 8.11929 12.0098 9.5C12.0098 10.8807 10.8905 12 9.50977 12C8.12917 11.9999 7.00977 10.8806 7.00977 9.5C7.00977 8.11937 8.12917 7.00013 9.50977 7Z"
      />
    </svg>
  );
}
With react-icons
import { VscCommentUnresolvedCompact } from "react-icons/vsc";

export function Example() {
  return <VscCommentUnresolvedCompact className="size-5" />;
}
comment-unresolved-compact.svg
<svg
  viewBox="0 0 12 12"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M10 0C11.1 0 12 0.9 12 2V7.0498C11.72 6.75985 11.3797 6.52959 11.0098 6.34961V2C11.0098 1.45 10.5598 1 10.0098 1H2.00977C1.45987 1.00013 1.00977 1.45008 1.00977 2V7C1.00977 7.54992 1.45987 7.99987 2.00977 8H4.00977V10.8301L6.05957 9.00977C6.03957 9.16977 6.00977 9.33 6.00977 9.5H6C6 9.7799 6.03964 10.0399 6.09961 10.2998L4.42969 11.7803C4.27979 11.92 4.07009 11.9999 3.86035 12C3.39035 12 3 11.6196 3 11.1396V9H2C0.9 9 0 8.1 0 7V2C0 0.9 0.9 0 2 0H10Z"
  />
  <path
    d="M9.50977 7C10.8905 7 12.0098 8.11929 12.0098 9.5C12.0098 10.8807 10.8905 12 9.50977 12C8.12917 11.9999 7.00977 10.8806 7.00977 9.5C7.00977 8.11937 8.12917 7.00013 9.50977 7Z"
  />
</svg>
Attribution
"Comment Unresolved Compact" icon from VS Code Icons (https://github.com/microsoft/vscode-codicons), licensed under CC BY 4.0 license.

Related icons: chat, message, conversation, bubble