Skip to content
Cuelark UI

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

VS Code Icons · VscAgentCompact

Agent Compact icon

A free agent 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.

License
CC BY 4.0 license
Project
github.com
Install with shadcn
npx shadcn@latest add https://ui.cuelark.com/r/icons/vscode-codicons/agent-compact.json
components/icons/vscode-codicons-agent-compact.tsx
import * as React from "react";

/**
 * Agent Compact from VS Code Icons (https://github.com/microsoft/vscode-codicons), CC BY 4.0.
 * Via Cuelark UI: ui.cuelark.com/icons/vscode-codicons/agent-compact. Sized in em, colored by currentColor.
 */
export function VscAgentCompactIcon(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="M8.02002 11H7.00002C6.72002 11 6.50002 10.78 6.50002 10.5C6.50002 10.22 6.72002 10 7.00002 10H8.02002C8.20002 10 8.36002 9.9 8.45002 9.75L10.47 6.25C10.56 6.1 10.56 5.9 10.47 5.75L8.45002 2.25C8.24002 1.89 7.61002 1.99 7.50002 2.4L5.46002 9.87C5.28002 10.54 4.67002 11 3.98002 11C3.45002 11 2.95002 10.71 2.68002 10.25L0.66002 6.75C0.39002 6.29 0.39002 5.71 0.66002 5.25L2.68002 1.75C2.95002 1.29 3.44002 1 3.98002 1H5.00002C5.28002 1 5.50002 1.22 5.50002 1.5C5.50002 1.78 5.28002 2 5.00002 2H3.98002C3.80002 2 3.64002 2.1 3.55002 2.25L1.53002 5.75C1.44002 5.9 1.44002 6.1 1.53002 6.25L3.55002 9.75C3.76002 10.11 4.39002 10.01 4.50002 9.6L6.54002 2.13C6.72002 1.46 7.33002 1 8.02002 1C8.55002 1 9.05002 1.29 9.32002 1.75L11.34 5.25C11.61 5.71 11.61 6.29 11.34 6.75L9.32002 10.25C9.05002 10.71 8.56002 11 8.02002 11Z"
      />
    </svg>
  );
}
With react-icons
import { VscAgentCompact } from "react-icons/vsc";

export function Example() {
  return <VscAgentCompact className="size-5" />;
}
agent-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="M8.02002 11H7.00002C6.72002 11 6.50002 10.78 6.50002 10.5C6.50002 10.22 6.72002 10 7.00002 10H8.02002C8.20002 10 8.36002 9.9 8.45002 9.75L10.47 6.25C10.56 6.1 10.56 5.9 10.47 5.75L8.45002 2.25C8.24002 1.89 7.61002 1.99 7.50002 2.4L5.46002 9.87C5.28002 10.54 4.67002 11 3.98002 11C3.45002 11 2.95002 10.71 2.68002 10.25L0.66002 6.75C0.39002 6.29 0.39002 5.71 0.66002 5.25L2.68002 1.75C2.95002 1.29 3.44002 1 3.98002 1H5.00002C5.28002 1 5.50002 1.22 5.50002 1.5C5.50002 1.78 5.28002 2 5.00002 2H3.98002C3.80002 2 3.64002 2.1 3.55002 2.25L1.53002 5.75C1.44002 5.9 1.44002 6.1 1.53002 6.25L3.55002 9.75C3.76002 10.11 4.39002 10.01 4.50002 9.6L6.54002 2.13C6.72002 1.46 7.33002 1 8.02002 1C8.55002 1 9.05002 1.29 9.32002 1.75L11.34 5.25C11.61 5.71 11.61 6.29 11.34 6.75L9.32002 10.25C9.05002 10.71 8.56002 11 8.02002 11Z"
  />
</svg>
Attribution
"Agent Compact" icon from VS Code Icons (https://github.com/microsoft/vscode-codicons), licensed under CC BY 4.0 license.

Related icons: bot, robot, ai, assistant