copilot logo
copilot from Material Icon Theme by Material Extensions · Color · MIT Free for personal and commercial use.
- Name
- copilot
- Set
- Material Icon Theme
- Style
- Color
- Viewbox
- 16×16
- License
- MIT
The same logo in other sets
Related icons in Material Icon Theme
Use the copilot logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="#fafafa" d="M7.998 14C4.006 14 1.11 11.457 1 10.728v-1.7c.074-.549.592-1.472 1.39-1.803l.031-.19a4 4 0 0 1 .11-.534c-.176-.444-.222-.946-.222-1.446c0-.759.112-1.544.606-2.168c.507-.64 1.308-.98 2.384-1.1c1.055-.117 1.98.03 2.576.667q.066.07.121.144a2 2 0 0 1 .126-.144c.596-.638 1.52-.784 2.576-.667c1.076.12 1.877.46 2.383 1.1c.495.624.607 1.41.607 2.168c0 .5-.047 1.002-.223 1.446c.058.199.086.374.11.534l.033.19c.808.336 1.332 1.284 1.392 1.829v1.634C15 11.356 12.068 14 7.998 14m0-1.296c1.995 0 4.011-.969 4.377-1.25V7.738l-.02-.1c-.429.182-.94.253-1.511.253c-1.003 0-1.802-.285-2.371-.865A2.82 2.812 0 0 1 8 6.38a2.835 2.828 0 0 1-.476.648c-.569.58-1.368.865-2.371.865c-.57 0-1.082-.07-1.511-.254l-.02.101v3.714c.366.282 2.381 1.25 4.376 1.25M6.917 3.347c-.17-.18-.558-.36-1.472-.259c-.892.099-1.294.353-1.499.611c-.216.272-.323.689-.323 1.356c0 .693.113 1.022.27 1.197c.142.158.454.33 1.262.33c.746 0 1.171-.204 1.433-.47c.275-.282.46-.722.54-1.356c.102-.816-.033-1.218-.211-1.409m3.635-.259c-.913-.101-1.302.08-1.47.26c-.179.19-.315.592-.212 1.408c.08.634.265 1.074.54 1.356c.262.266.687.47 1.434.47c.807 0 1.12-.172 1.262-.33c.156-.175.269-.504.269-1.197c0-.667-.108-1.084-.324-1.356c-.204-.258-.606-.512-1.499-.61Z"/><path fill="#fafafa" d="M6.469 8.765a.656.655 0 0 1 .656.654v1.31a.656.655 0 0 1-1.313 0V9.42a.656.655 0 0 1 .657-.654Zm3.718.654v1.31a.656.655 0 0 1-1.312 0V9.42a.656.655 0 0 1 1.313 0z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialIconThemeCopilot(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="#fafafa" d="M7.998 14C4.006 14 1.11 11.457 1 10.728v-1.7c.074-.549.592-1.472 1.39-1.803l.031-.19a4 4 0 0 1 .11-.534c-.176-.444-.222-.946-.222-1.446c0-.759.112-1.544.606-2.168c.507-.64 1.308-.98 2.384-1.1c1.055-.117 1.98.03 2.576.667q.066.07.121.144a2 2 0 0 1 .126-.144c.596-.638 1.52-.784 2.576-.667c1.076.12 1.877.46 2.383 1.1c.495.624.607 1.41.607 2.168c0 .5-.047 1.002-.223 1.446c.058.199.086.374.11.534l.033.19c.808.336 1.332 1.284 1.392 1.829v1.634C15 11.356 12.068 14 7.998 14m0-1.296c1.995 0 4.011-.969 4.377-1.25V7.738l-.02-.1c-.429.182-.94.253-1.511.253c-1.003 0-1.802-.285-2.371-.865A2.82 2.812 0 0 1 8 6.38a2.835 2.828 0 0 1-.476.648c-.569.58-1.368.865-2.371.865c-.57 0-1.082-.07-1.511-.254l-.02.101v3.714c.366.282 2.381 1.25 4.376 1.25M6.917 3.347c-.17-.18-.558-.36-1.472-.259c-.892.099-1.294.353-1.499.611c-.216.272-.323.689-.323 1.356c0 .693.113 1.022.27 1.197c.142.158.454.33 1.262.33c.746 0 1.171-.204 1.433-.47c.275-.282.46-.722.54-1.356c.102-.816-.033-1.218-.211-1.409m3.635-.259c-.913-.101-1.302.08-1.47.26c-.179.19-.315.592-.212 1.408c.08.634.265 1.074.54 1.356c.262.266.687.47 1.434.47c.807 0 1.12-.172 1.262-.33c.156-.175.269-.504.269-1.197c0-.667-.108-1.084-.324-1.356c-.204-.258-.606-.512-1.499-.61Z"/><path fill="#fafafa" d="M6.469 8.765a.656.655 0 0 1 .656.654v1.31a.656.655 0 0 1-1.313 0V9.42a.656.655 0 0 1 .657-.654Zm3.718.654v1.31a.656.655 0 0 1-1.312 0V9.42a.656.655 0 0 1 1.313 0z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="#fafafa" d="M7.998 14C4.006 14 1.11 11.457 1 10.728v-1.7c.074-.549.592-1.472 1.39-1.803l.031-.19a4 4 0 0 1 .11-.534c-.176-.444-.222-.946-.222-1.446c0-.759.112-1.544.606-2.168c.507-.64 1.308-.98 2.384-1.1c1.055-.117 1.98.03 2.576.667q.066.07.121.144a2 2 0 0 1 .126-.144c.596-.638 1.52-.784 2.576-.667c1.076.12 1.877.46 2.383 1.1c.495.624.607 1.41.607 2.168c0 .5-.047 1.002-.223 1.446c.058.199.086.374.11.534l.033.19c.808.336 1.332 1.284 1.392 1.829v1.634C15 11.356 12.068 14 7.998 14m0-1.296c1.995 0 4.011-.969 4.377-1.25V7.738l-.02-.1c-.429.182-.94.253-1.511.253c-1.003 0-1.802-.285-2.371-.865A2.82 2.812 0 0 1 8 6.38a2.835 2.828 0 0 1-.476.648c-.569.58-1.368.865-2.371.865c-.57 0-1.082-.07-1.511-.254l-.02.101v3.714c.366.282 2.381 1.25 4.376 1.25M6.917 3.347c-.17-.18-.558-.36-1.472-.259c-.892.099-1.294.353-1.499.611c-.216.272-.323.689-.323 1.356c0 .693.113 1.022.27 1.197c.142.158.454.33 1.262.33c.746 0 1.171-.204 1.433-.47c.275-.282.46-.722.54-1.356c.102-.816-.033-1.218-.211-1.409m3.635-.259c-.913-.101-1.302.08-1.47.26c-.179.19-.315.592-.212 1.408c.08.634.265 1.074.54 1.356c.262.266.687.47 1.434.47c.807 0 1.12-.172 1.262-.33c.156-.175.269-.504.269-1.197c0-.667-.108-1.084-.324-1.356c-.204-.258-.606-.512-1.499-.61Z"/><path fill="#fafafa" d="M6.469 8.765a.656.655 0 0 1 .656.654v1.31a.656.655 0 0 1-1.313 0V9.42a.656.655 0 0 1 .657-.654Zm3.718.654v1.31a.656.655 0 0 1-1.312 0V9.42a.656.655 0 0 1 1.313 0z"/></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%2016%2016%22%3E%3Cpath%20fill%3D%22%23fafafa%22%20d%3D%22M7.998%2014C4.006%2014%201.11%2011.457%201%2010.728v-1.7c.074-.549.592-1.472%201.39-1.803l.031-.19a4%204%200%200%201%20.11-.534c-.176-.444-.222-.946-.222-1.446c0-.759.112-1.544.606-2.168c.507-.64%201.308-.98%202.384-1.1c1.055-.117%201.98.03%202.576.667q.066.07.121.144a2%202%200%200%201%20.126-.144c.596-.638%201.52-.784%202.576-.667c1.076.12%201.877.46%202.383%201.1c.495.624.607%201.41.607%202.168c0%20.5-.047%201.002-.223%201.446c.058.199.086.374.11.534l.033.19c.808.336%201.332%201.284%201.392%201.829v1.634C15%2011.356%2012.068%2014%207.998%2014m0-1.296c1.995%200%204.011-.969%204.377-1.25V7.738l-.02-.1c-.429.182-.94.253-1.511.253c-1.003%200-1.802-.285-2.371-.865A2.82%202.812%200%200%201%208%206.38a2.835%202.828%200%200%201-.476.648c-.569.58-1.368.865-2.371.865c-.57%200-1.082-.07-1.511-.254l-.02.101v3.714c.366.282%202.381%201.25%204.376%201.25M6.917%203.347c-.17-.18-.558-.36-1.472-.259c-.892.099-1.294.353-1.499.611c-.216.272-.323.689-.323%201.356c0%20.693.113%201.022.27%201.197c.142.158.454.33%201.262.33c.746%200%201.171-.204%201.433-.47c.275-.282.46-.722.54-1.356c.102-.816-.033-1.218-.211-1.409m3.635-.259c-.913-.101-1.302.08-1.47.26c-.179.19-.315.592-.212%201.408c.08.634.265%201.074.54%201.356c.262.266.687.47%201.434.47c.807%200%201.12-.172%201.262-.33c.156-.175.269-.504.269-1.197c0-.667-.108-1.084-.324-1.356c-.204-.258-.606-.512-1.499-.61Z%22%2F%3E%3Cpath%20fill%3D%22%23fafafa%22%20d%3D%22M6.469%208.765a.656.655%200%200%201%20.656.654v1.31a.656.655%200%200%201-1.313%200V9.42a.656.655%200%200%201%20.657-.654Zm3.718.654v1.31a.656.655%200%200%201-1.312%200V9.42a.656.655%200%200%201%201.313%200z%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%2016%2016%22%3E%3Cpath%20fill%3D%22%23fafafa%22%20d%3D%22M7.998%2014C4.006%2014%201.11%2011.457%201%2010.728v-1.7c.074-.549.592-1.472%201.39-1.803l.031-.19a4%204%200%200%201%20.11-.534c-.176-.444-.222-.946-.222-1.446c0-.759.112-1.544.606-2.168c.507-.64%201.308-.98%202.384-1.1c1.055-.117%201.98.03%202.576.667q.066.07.121.144a2%202%200%200%201%20.126-.144c.596-.638%201.52-.784%202.576-.667c1.076.12%201.877.46%202.383%201.1c.495.624.607%201.41.607%202.168c0%20.5-.047%201.002-.223%201.446c.058.199.086.374.11.534l.033.19c.808.336%201.332%201.284%201.392%201.829v1.634C15%2011.356%2012.068%2014%207.998%2014m0-1.296c1.995%200%204.011-.969%204.377-1.25V7.738l-.02-.1c-.429.182-.94.253-1.511.253c-1.003%200-1.802-.285-2.371-.865A2.82%202.812%200%200%201%208%206.38a2.835%202.828%200%200%201-.476.648c-.569.58-1.368.865-2.371.865c-.57%200-1.082-.07-1.511-.254l-.02.101v3.714c.366.282%202.381%201.25%204.376%201.25M6.917%203.347c-.17-.18-.558-.36-1.472-.259c-.892.099-1.294.353-1.499.611c-.216.272-.323.689-.323%201.356c0%20.693.113%201.022.27%201.197c.142.158.454.33%201.262.33c.746%200%201.171-.204%201.433-.47c.275-.282.46-.722.54-1.356c.102-.816-.033-1.218-.211-1.409m3.635-.259c-.913-.101-1.302.08-1.47.26c-.179.19-.315.592-.212%201.408c.08.634.265%201.074.54%201.356c.262.266.687.47%201.434.47c.807%200%201.12-.172%201.262-.33c.156-.175.269-.504.269-1.197c0-.667-.108-1.084-.324-1.356c-.204-.258-.606-.512-1.499-.61Z%22%2F%3E%3Cpath%20fill%3D%22%23fafafa%22%20d%3D%22M6.469%208.765a.656.655%200%200%201%20.656.654v1.31a.656.655%200%200%201-1.313%200V9.42a.656.655%200%200%201%20.657-.654Zm3.718.654v1.31a.656.655%200%200%201-1.312%200V9.42a.656.655%200%200%201%201.313%200z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-icon-theme/copilot.svg?color=%231a73e8&size=48
