copilot icon
copilot-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.
- Name
- copilot-fill
- Set
- MingCute Icon
- Style
- Fill
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in MingCute Icon
The same icon in other sets
Use the copilot icon
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="M8.3 3.001c-1.245 0-2.45.61-3.13 1.716c-.526.856-1.214 2.064-1.633 3.162c-.947 2.482-1.443 4.561-1.268 6.085c.092.79.375 1.528.969 2.061c.594.534 1.363.74 2.175.74h.055c.38 0 .716.242.837.602l.553 1.661a2.88 2.88 0 0 0 2.734 1.97H15.7c1.245 0 2.45-.608 3.13-1.715c.526-.856 1.214-2.064 1.633-3.162c.947-2.482 1.443-4.561 1.268-6.085c-.092-.79-.375-1.529-.969-2.062s-1.363-.738-2.175-.738h-.055a.88.88 0 0 1-.837-.603l-.553-1.661A2.88 2.88 0 0 0 14.408 3zm5.814 6.235h-1.049c-.805 0-1.515.528-1.746 1.299l-.95 3.17q-.174.571-.483 1.06h1.049c.805 0 1.515-.529 1.746-1.3l.95-3.17q.174-.571.483-1.06m-1.424-3.27A1.35 1.35 0 0 1 13.986 5h.422c.38 0 .716.243.837.603l.543 1.632h-2.723q-.4 0-.78.08zm-1.38 12.07a1.35 1.35 0 0 1-1.296.964h-.422a.88.88 0 0 1-.836-.603l-.544-1.632h2.723q.4 0 .78-.08z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteCopilotFill(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="M8.3 3.001c-1.245 0-2.45.61-3.13 1.716c-.526.856-1.214 2.064-1.633 3.162c-.947 2.482-1.443 4.561-1.268 6.085c.092.79.375 1.528.969 2.061c.594.534 1.363.74 2.175.74h.055c.38 0 .716.242.837.602l.553 1.661a2.88 2.88 0 0 0 2.734 1.97H15.7c1.245 0 2.45-.608 3.13-1.715c.526-.856 1.214-2.064 1.633-3.162c.947-2.482 1.443-4.561 1.268-6.085c-.092-.79-.375-1.529-.969-2.062s-1.363-.738-2.175-.738h-.055a.88.88 0 0 1-.837-.603l-.553-1.661A2.88 2.88 0 0 0 14.408 3zm5.814 6.235h-1.049c-.805 0-1.515.528-1.746 1.299l-.95 3.17q-.174.571-.483 1.06h1.049c.805 0 1.515-.529 1.746-1.3l.95-3.17q.174-.571.483-1.06m-1.424-3.27A1.35 1.35 0 0 1 13.986 5h.422c.38 0 .716.243.837.603l.543 1.632h-2.723q-.4 0-.78.08zm-1.38 12.07a1.35 1.35 0 0 1-1.296.964h-.422a.88.88 0 0 1-.836-.603l-.544-1.632h2.723q.4 0 .78-.08z" clipRule="evenodd"/></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="M8.3 3.001c-1.245 0-2.45.61-3.13 1.716c-.526.856-1.214 2.064-1.633 3.162c-.947 2.482-1.443 4.561-1.268 6.085c.092.79.375 1.528.969 2.061c.594.534 1.363.74 2.175.74h.055c.38 0 .716.242.837.602l.553 1.661a2.88 2.88 0 0 0 2.734 1.97H15.7c1.245 0 2.45-.608 3.13-1.715c.526-.856 1.214-2.064 1.633-3.162c.947-2.482 1.443-4.561 1.268-6.085c-.092-.79-.375-1.529-.969-2.062s-1.363-.738-2.175-.738h-.055a.88.88 0 0 1-.837-.603l-.553-1.661A2.88 2.88 0 0 0 14.408 3zm5.814 6.235h-1.049c-.805 0-1.515.528-1.746 1.299l-.95 3.17q-.174.571-.483 1.06h1.049c.805 0 1.515-.529 1.746-1.3l.95-3.17q.174-.571.483-1.06m-1.424-3.27A1.35 1.35 0 0 1 13.986 5h.422c.38 0 .716.243.837.603l.543 1.632h-2.723q-.4 0-.78.08zm-1.38 12.07a1.35 1.35 0 0 1-1.296.964h-.422a.88.88 0 0 1-.836-.603l-.544-1.632h2.723q.4 0 .78-.08z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-copilot-fill {
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%22M8.3%203.001c-1.245%200-2.45.61-3.13%201.716c-.526.856-1.214%202.064-1.633%203.162c-.947%202.482-1.443%204.561-1.268%206.085c.092.79.375%201.528.969%202.061c.594.534%201.363.74%202.175.74h.055c.38%200%20.716.242.837.602l.553%201.661a2.88%202.88%200%200%200%202.734%201.97H15.7c1.245%200%202.45-.608%203.13-1.715c.526-.856%201.214-2.064%201.633-3.162c.947-2.482%201.443-4.561%201.268-6.085c-.092-.79-.375-1.529-.969-2.062s-1.363-.738-2.175-.738h-.055a.88.88%200%200%201-.837-.603l-.553-1.661A2.88%202.88%200%200%200%2014.408%203zm5.814%206.235h-1.049c-.805%200-1.515.528-1.746%201.299l-.95%203.17q-.174.571-.483%201.06h1.049c.805%200%201.515-.529%201.746-1.3l.95-3.17q.174-.571.483-1.06m-1.424-3.27A1.35%201.35%200%200%201%2013.986%205h.422c.38%200%20.716.243.837.603l.543%201.632h-2.723q-.4%200-.78.08zm-1.38%2012.07a1.35%201.35%200%200%201-1.296.964h-.422a.88.88%200%200%201-.836-.603l-.544-1.632h2.723q.4%200%20.78-.08z%22%20clip-rule%3D%22evenodd%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%22M8.3%203.001c-1.245%200-2.45.61-3.13%201.716c-.526.856-1.214%202.064-1.633%203.162c-.947%202.482-1.443%204.561-1.268%206.085c.092.79.375%201.528.969%202.061c.594.534%201.363.74%202.175.74h.055c.38%200%20.716.242.837.602l.553%201.661a2.88%202.88%200%200%200%202.734%201.97H15.7c1.245%200%202.45-.608%203.13-1.715c.526-.856%201.214-2.064%201.633-3.162c.947-2.482%201.443-4.561%201.268-6.085c-.092-.79-.375-1.529-.969-2.062s-1.363-.738-2.175-.738h-.055a.88.88%200%200%201-.837-.603l-.553-1.661A2.88%202.88%200%200%200%2014.408%203zm5.814%206.235h-1.049c-.805%200-1.515.528-1.746%201.299l-.95%203.17q-.174.571-.483%201.06h1.049c.805%200%201.515-.529%201.746-1.3l.95-3.17q.174-.571.483-1.06m-1.424-3.27A1.35%201.35%200%200%201%2013.986%205h.422c.38%200%20.716.243.837.603l.543%201.632h-2.723q-.4%200-.78.08zm-1.38%2012.07a1.35%201.35%200%200%201-1.296.964h-.422a.88.88%200%200%201-.836-.603l-.544-1.632h2.723q.4%200%20.78-.08z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/copilot-fill.svg?color=%231a73e8&size=48
