Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:
Copilot Success icon
A free copilot success 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 ascheck icontick icondone iconcheckmark iconcomplete iconapprove iconverified iconconfirm icon
- License
- CC BY 4.0 license
- Project
- github.com
npx shadcn@latest add https://ui.cuelark.com/r/icons/vscode-codicons/copilot-success.jsonimport * as React from "react";
/**
* Copilot Success from VS Code Icons (https://github.com/microsoft/vscode-codicons), CC BY 4.0.
* Via Cuelark UI: ui.cuelark.com/icons/vscode-codicons/copilot-success. Sized in em, colored by currentColor.
*/
export function VscCopilotSuccessIcon(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.98 16 11.5C16 9.02001 13.98 7.00001 11.5 7.00001ZM13.85 10.85L11.35 13.35C11.15 13.55 10.84 13.55 10.64 13.35L9.14003 11.85C8.94003 11.65 8.94003 11.34 9.14003 11.14C9.34003 10.94 9.65003 10.94 9.85003 11.14L11 12.29L13.15 10.14C13.35 9.94001 13.66 9.94001 13.86 10.14C14.06 10.34 14.06 10.65 13.86 10.85H13.85ZM3.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 { VscCopilotSuccess } from "react-icons/vsc";
export function Example() {
return <VscCopilotSuccess 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.98 16 11.5C16 9.02001 13.98 7.00001 11.5 7.00001ZM13.85 10.85L11.35 13.35C11.15 13.55 10.84 13.55 10.64 13.35L9.14003 11.85C8.94003 11.65 8.94003 11.34 9.14003 11.14C9.34003 10.94 9.65003 10.94 9.85003 11.14L11 12.29L13.15 10.14C13.35 9.94001 13.66 9.94001 13.86 10.14C14.06 10.34 14.06 10.65 13.86 10.85H13.85ZM3.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 Success" icon from VS Code Icons (https://github.com/microsoft/vscode-codicons), licensed under CC BY 4.0 license.