copilot logo
copilot from LobeHub AI Icons by LobeHub · Mono · MIT Free for personal and commercial use.
- Name
- copilot
- Set
- LobeHub AI Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
2 other variants in LobeHub AI Icons
The same logo in other sets
All copilot icons →Use the copilot logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M9 23l.073-.001a2.53 2.53 0 01-2.347-1.838l-.697-2.433a2.529 2.529 0 00-2.426-1.839h-.497l-.104-.002c-4.485 0-2.935-5.278-1.75-9.225l.162-.525C2.412 3.99 3.883 1 6.25 1h8.86c1.12 0 2.106.745 2.422 1.829l.715 2.453a2.53 2.53 0 002.247 1.823l.147.005.534.001c3.557.115 3.088 3.745 2.156 7.206l-.113.413c-.154.548-.315 1.089-.47 1.607l-.163.525C21.588 20.01 20.116 23 17.75 23h-8.75zm8.22-15.89l-3.856.001a2.526 2.526 0 00-2.35 1.615L9.21 15.04a2.529 2.529 0 01-2.43 1.847l3.853.002c1.056 0 1.992-.661 2.361-1.644l1.796-6.287a2.529 2.529 0 012.43-1.848z"/></svg>
React
import type { SVGProps } from "react";
export function LobehubCopilot(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M9 23l.073-.001a2.53 2.53 0 01-2.347-1.838l-.697-2.433a2.529 2.529 0 00-2.426-1.839h-.497l-.104-.002c-4.485 0-2.935-5.278-1.75-9.225l.162-.525C2.412 3.99 3.883 1 6.25 1h8.86c1.12 0 2.106.745 2.422 1.829l.715 2.453a2.53 2.53 0 002.247 1.823l.147.005.534.001c3.557.115 3.088 3.745 2.156 7.206l-.113.413c-.154.548-.315 1.089-.47 1.607l-.163.525C21.588 20.01 20.116 23 17.75 23h-8.75zm8.22-15.89l-3.856.001a2.526 2.526 0 00-2.35 1.615L9.21 15.04a2.529 2.529 0 01-2.43 1.847l3.853.002c1.056 0 1.992-.661 2.361-1.644l1.796-6.287a2.529 2.529 0 012.43-1.848z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M9 23l.073-.001a2.53 2.53 0 01-2.347-1.838l-.697-2.433a2.529 2.529 0 00-2.426-1.839h-.497l-.104-.002c-4.485 0-2.935-5.278-1.75-9.225l.162-.525C2.412 3.99 3.883 1 6.25 1h8.86c1.12 0 2.106.745 2.422 1.829l.715 2.453a2.53 2.53 0 002.247 1.823l.147.005.534.001c3.557.115 3.088 3.745 2.156 7.206l-.113.413c-.154.548-.315 1.089-.47 1.607l-.163.525C21.588 20.01 20.116 23 17.75 23h-8.75zm8.22-15.89l-3.856.001a2.526 2.526 0 00-2.35 1.615L9.21 15.04a2.529 2.529 0 01-2.43 1.847l3.853.002c1.056 0 1.992-.661 2.361-1.644l1.796-6.287a2.529 2.529 0 012.43-1.848z"/></svg> </template>
CSS
.icon-copilot {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M9%2023l.073-.001a2.53%202.53%200%2001-2.347-1.838l-.697-2.433a2.529%202.529%200%2000-2.426-1.839h-.497l-.104-.002c-4.485%200-2.935-5.278-1.75-9.225l.162-.525C2.412%203.99%203.883%201%206.25%201h8.86c1.12%200%202.106.745%202.422%201.829l.715%202.453a2.53%202.53%200%20002.247%201.823l.147.005.534.001c3.557.115%203.088%203.745%202.156%207.206l-.113.413c-.154.548-.315%201.089-.47%201.607l-.163.525C21.588%2020.01%2020.116%2023%2017.75%2023h-8.75zm8.22-15.89l-3.856.001a2.526%202.526%200%2000-2.35%201.615L9.21%2015.04a2.529%202.529%200%2001-2.43%201.847l3.853.002c1.056%200%201.992-.661%202.361-1.644l1.796-6.287a2.529%202.529%200%20012.43-1.848z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M9%2023l.073-.001a2.53%202.53%200%2001-2.347-1.838l-.697-2.433a2.529%202.529%200%2000-2.426-1.839h-.497l-.104-.002c-4.485%200-2.935-5.278-1.75-9.225l.162-.525C2.412%203.99%203.883%201%206.25%201h8.86c1.12%200%202.106.745%202.422%201.829l.715%202.453a2.53%202.53%200%20002.247%201.823l.147.005.534.001c3.557.115%203.088%203.745%202.156%207.206l-.113.413c-.154.548-.315%201.089-.47%201.607l-.163.525C21.588%2020.01%2020.116%2023%2017.75%2023h-8.75zm8.22-15.89l-3.856.001a2.526%202.526%200%2000-2.35%201.615L9.21%2015.04a2.529%202.529%200%2001-2.43%201.847l3.853.002c1.056%200%201.992-.661%202.361-1.644l1.796-6.287a2.529%202.529%200%20012.43-1.848z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/lobehub/copilot.svg?color=%231a73e8&size=48
