Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:
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
npx shadcn@latest add https://ui.cuelark.com/r/icons/vscode-codicons/agent-compact.jsonimport * 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>
);
}import { VscAgentCompact } from "react-icons/vsc";
export function Example() {
return <VscAgentCompact className="size-5" />;
}<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>"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
- add compact
- agent
- ask compact
- attach compact
- beaker compact
- check compact
- checklist compact
- chevron down compact
- chevron left compact
- chevron right compact
- chevron up compact
- circle filled compact
- circle slash compact
- circle small filled compact
- close compact
- cloud compact
- collapse all compact
- comment compact
- comment unresolved compact
- copilot compact
- debug connected compact
- debug disconnect compact
- edit compact
- error compact