Microsoft Copilot
https://copilot.microsoft.comMicrosoft Copilot brand assets in original color and monochrome. Download transparent SVG / PNG / WebP files or use the React components.
Logos
Download the available styles and formats below. For CDN links, see: CDN Usage
Colors
| Hex Code | Color name | RGB | HSL | CMYK |
|---|---|---|---|---|
| Black | ||||
| White |
React Components
Use the React icon package in your application. Documentation: @openqiao/icons
Send this prompt to your agent to use @openqiao/icons
Install @openqiao/icons@0.1.6. Use the Microsoft Copilot icon (id: microsoft-copilot). Read metadata from @openqiao/icons/catalog. Use LazyIcon from @openqiao/icons/lazy for viewport loading. Use color for original colors, dark on dark surfaces and light on light surfaces. Use combine-dark/combine-light only when hasText is true. The size sets height; preserve the aspect ratio.MicrosoftCopilot.tsx
import { MicrosoftCopilot } from '@openqiao/icons';
export default () => <MicrosoftCopilot size={56} />;MicrosoftCopilotColor.tsx
import { MicrosoftCopilot } from '@openqiao/icons';
export default () => <MicrosoftCopilot.Color size={56} />;MicrosoftCopilotText.tsx
import { MicrosoftCopilot } from '@openqiao/icons';
export default () => <MicrosoftCopilot.Text size={56} />;MicrosoftCopilotCombine.tsx
import { MicrosoftCopilot } from '@openqiao/icons';
export default () => <MicrosoftCopilot.Combine size={56} />;MicrosoftCopilotCombineColor.tsx
import { MicrosoftCopilot } from '@openqiao/icons';
export default () => <MicrosoftCopilot.Combine size={56} type="color" />;MicrosoftCopilotAvatar.tsx
import { MicrosoftCopilot } from '@openqiao/icons';
export default () => <MicrosoftCopilot.Avatar size={56} />;CDN Usage
Use this version-pinned SVG URL in an image element. No React dependency is required.
SVG URL
https://cdn.jsdelivr.net/npm/@openqiao/icons@0.1.6/icons/microsoft-copilot.svgRelated Icons
Explore more icons from the collection.