Hover the icon or press Play. Suggested motion: shake. Pick another to preview it and update the animated code:
Copilot Warning icon
A free copilot warning 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/copilot-warning.jsonimport * as React from "react";
/**
* Copilot Warning from VS Code Icons (https://github.com/microsoft/vscode-codicons), CC BY 4.0.
* Via Cuelark UI: ui.cuelark.com/icons/vscode-codicons/copilot-warning. Sized in em, colored by currentColor.
*/
export function VscCopilotWarningIcon(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
fillRule="evenodd"
clipRule="evenodd"
d="M11.5 7.00001C9.02003 7.00001 7.00003 9.02001 7.00003 11.5C7.00003 13.98 9.02003 16 11.5 16C13.98 16 16 13.99 16 11.5C16 9.01001 13.98 7.00001 11.5 7.00001ZM11 9.00001C11 8.72001 11.22 8.50001 11.5 8.50001C11.78 8.50001 12 8.72001 12 9.00001V11.5C12 11.78 11.78 12 11.5 12C11.22 12 11 11.78 11 11.5V9.00001ZM11.5 14.25C11.09 14.25 10.75 13.91 10.75 13.5C10.75 13.09 11.09 12.75 11.5 12.75C11.91 12.75 12.25 13.09 12.25 13.5C12.25 13.91 11.91 14.25 11.5 14.25ZM3.31003 11.84V7.85001L3.33003 7.74001C3.79003 7.94001 4.34003 8.01001 4.95003 8.01001C6.03003 8.01001 6.88003 7.70001 7.49003 7.08001C7.69003 6.87001 7.86003 6.64001 8.00003 6.38001C8.11003 6.59001 8.26003 6.77001 8.41003 6.94001C8.82003 6.66001 9.27003 6.44001 9.74003 6.28001C9.65003 6.22001 9.58003 6.16001 9.51003 6.09001C9.21003 5.79001 9.02003 5.31001 8.93003 4.63001C8.82003 3.75001 8.97003 3.32001 9.16003 3.12001C9.34003 2.93001 9.76003 2.73001 10.74 2.84001C11.7 2.95001 12.13 3.22001 12.35 3.50001C12.58 3.79001 12.7 4.24001 12.7 4.96001C12.7 5.53001 12.63 5.87001 12.52 6.08001C13 6.17001 13.45 6.32001 13.87 6.52001C13.87 6.52001 13.87 6.52001 13.87 6.51001C14.06 6.03001 14.11 5.49001 14.11 4.96001C14.11 4.14001 13.99 3.30001 13.46 2.63001C12.92 1.94001 12.06 1.58001 10.91 1.45001C9.78003 1.32001 8.79003 1.48001 8.15003 2.17001C8.10003 2.22001 8.06003 2.27001 8.02003 2.32001C7.98003 2.27001 7.94003 2.21001 7.89003 2.17001C7.25003 1.48001 6.26003 1.33001 5.13003 1.45001C3.98003 1.58001 3.12003 1.94001 2.58003 2.63001C2.05003 3.30001 1.93003 4.14001 1.93003 4.96001C1.93003 5.50001 1.98003 6.04001 2.17003 6.51001C2.11003 6.72001 2.08003 6.91001 2.05003 7.08001C2.04003 7.15001 2.03003 7.22001 2.02003 7.29001C1.17003 7.65001 0.610029 8.64001 0.530029 9.23001V11.06C0.640029 11.77 3.23003 14.1 6.93003 14.51C6.62003 14.04 6.39003 13.52 6.23003 12.97C4.80003 12.65 3.61003 12.06 3.33003 11.85L3.31003 11.84ZM3.66003 3.51001C3.88003 3.23001 4.31003 2.96001 5.27003 2.85001C6.25003 2.74001 6.67003 2.94001 6.85003 3.13001C7.04003 3.34001 7.19003 3.77001 7.08003 4.64001C7.00003 5.32001 6.80003 5.79001 6.50003 6.10001C6.22003 6.39001 5.76003 6.61001 4.96003 6.61001C4.09003 6.61001 3.76003 6.42001 3.61003 6.25001C3.44003 6.06001 3.32003 5.71001 3.32003 4.96001C3.32003 4.21001 3.43003 3.80001 3.67003 3.50001L3.66003 3.51001Z"
/>
</svg>
);
}import { VscCopilotWarning } from "react-icons/vsc";
export function Example() {
return <VscCopilotWarning className="size-5" />;
}<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
fill-rule="evenodd"
clip-rule="evenodd"
d="M11.5 7.00001C9.02003 7.00001 7.00003 9.02001 7.00003 11.5C7.00003 13.98 9.02003 16 11.5 16C13.98 16 16 13.99 16 11.5C16 9.01001 13.98 7.00001 11.5 7.00001ZM11 9.00001C11 8.72001 11.22 8.50001 11.5 8.50001C11.78 8.50001 12 8.72001 12 9.00001V11.5C12 11.78 11.78 12 11.5 12C11.22 12 11 11.78 11 11.5V9.00001ZM11.5 14.25C11.09 14.25 10.75 13.91 10.75 13.5C10.75 13.09 11.09 12.75 11.5 12.75C11.91 12.75 12.25 13.09 12.25 13.5C12.25 13.91 11.91 14.25 11.5 14.25ZM3.31003 11.84V7.85001L3.33003 7.74001C3.79003 7.94001 4.34003 8.01001 4.95003 8.01001C6.03003 8.01001 6.88003 7.70001 7.49003 7.08001C7.69003 6.87001 7.86003 6.64001 8.00003 6.38001C8.11003 6.59001 8.26003 6.77001 8.41003 6.94001C8.82003 6.66001 9.27003 6.44001 9.74003 6.28001C9.65003 6.22001 9.58003 6.16001 9.51003 6.09001C9.21003 5.79001 9.02003 5.31001 8.93003 4.63001C8.82003 3.75001 8.97003 3.32001 9.16003 3.12001C9.34003 2.93001 9.76003 2.73001 10.74 2.84001C11.7 2.95001 12.13 3.22001 12.35 3.50001C12.58 3.79001 12.7 4.24001 12.7 4.96001C12.7 5.53001 12.63 5.87001 12.52 6.08001C13 6.17001 13.45 6.32001 13.87 6.52001C13.87 6.52001 13.87 6.52001 13.87 6.51001C14.06 6.03001 14.11 5.49001 14.11 4.96001C14.11 4.14001 13.99 3.30001 13.46 2.63001C12.92 1.94001 12.06 1.58001 10.91 1.45001C9.78003 1.32001 8.79003 1.48001 8.15003 2.17001C8.10003 2.22001 8.06003 2.27001 8.02003 2.32001C7.98003 2.27001 7.94003 2.21001 7.89003 2.17001C7.25003 1.48001 6.26003 1.33001 5.13003 1.45001C3.98003 1.58001 3.12003 1.94001 2.58003 2.63001C2.05003 3.30001 1.93003 4.14001 1.93003 4.96001C1.93003 5.50001 1.98003 6.04001 2.17003 6.51001C2.11003 6.72001 2.08003 6.91001 2.05003 7.08001C2.04003 7.15001 2.03003 7.22001 2.02003 7.29001C1.17003 7.65001 0.610029 8.64001 0.530029 9.23001V11.06C0.640029 11.77 3.23003 14.1 6.93003 14.51C6.62003 14.04 6.39003 13.52 6.23003 12.97C4.80003 12.65 3.61003 12.06 3.33003 11.85L3.31003 11.84ZM3.66003 3.51001C3.88003 3.23001 4.31003 2.96001 5.27003 2.85001C6.25003 2.74001 6.67003 2.94001 6.85003 3.13001C7.04003 3.34001 7.19003 3.77001 7.08003 4.64001C7.00003 5.32001 6.80003 5.79001 6.50003 6.10001C6.22003 6.39001 5.76003 6.61001 4.96003 6.61001C4.09003 6.61001 3.76003 6.42001 3.61003 6.25001C3.44003 6.06001 3.32003 5.71001 3.32003 4.96001C3.32003 4.21001 3.43003 3.80001 3.67003 3.50001L3.66003 3.51001Z"
/>
</svg>"Copilot Warning" icon from VS Code Icons (https://github.com/microsoft/vscode-codicons), licensed under CC BY 4.0 license.Related icons: alert, caution, error, danger
- chat sparkle warning
- copilot
- copilot blocked
- copilot compact
- copilot error
- copilot in progress
- copilot large
- copilot not connected
- copilot snooze
- copilot success
- copilot unavailable
- copilot warning large
- warning
- warning compact
- bracket error
- chat sparkle error
- error
- error compact
- error small
- git pull request error
- bell
- bell dot
- bell slash
- bell slash dot