copilot icon
copilot-16 from Octicons by GitHub · 16 · MIT Free for personal and commercial use.
- Name
- copilot-16
- Set
- Octicons
- Style
- 16
- Viewbox
- 16×16
- License
- MIT
3 other variants in Octicons
The same icon in other sets
Related icons in Octicons
Use the copilot icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M7.998 15.035c-4.562 0-7.873-2.914-7.998-3.749V9.338c.085-.628.677-1.686 1.588-2.065q.019-.105.036-.218c.029-.183.06-.384.126-.612c-.201-.508-.254-1.084-.254-1.656c0-.87.128-1.769.693-2.484c.579-.733 1.494-1.124 2.724-1.261c1.206-.134 2.262.034 2.944.765q.075.08.139.165q.068-.085.143-.165c.682-.731 1.738-.899 2.944-.765c1.23.137 2.145.528 2.724 1.261c.566.715.693 1.614.693 2.484c0 .572-.053 1.148-.254 1.656c.066.228.098.429.126.612q.018.113.037.218c.924.385 1.522 1.471 1.591 2.095v1.872c0 .766-3.351 3.795-8.002 3.795m0-1.485c2.28 0 4.584-1.11 5.002-1.433V7.862l-.023-.116c-.49.21-1.075.291-1.727.291c-1.146 0-2.059-.327-2.71-.991A3.2 3.2 0 0 1 8 6.303a3.2 3.2 0 0 1-.544.743c-.65.664-1.563.991-2.71.991c-.652 0-1.236-.081-1.727-.291l-.023.116v4.255c.419.323 2.722 1.433 5.002 1.433M6.762 2.83c-.193-.206-.637-.413-1.682-.297c-1.019.113-1.479.404-1.713.7c-.247.312-.369.789-.369 1.554c0 .793.129 1.171.308 1.371c.162.181.519.379 1.442.379c.853 0 1.339-.235 1.638-.54c.315-.322.527-.827.617-1.553c.117-.935-.037-1.395-.241-1.614m4.155-.297c-1.044-.116-1.488.091-1.681.297c-.204.219-.359.679-.242 1.614c.091.726.303 1.231.618 1.553c.299.305.784.54 1.638.54c.922 0 1.28-.198 1.442-.379c.179-.2.308-.578.308-1.371c0-.765-.123-1.242-.37-1.554c-.233-.296-.693-.587-1.713-.7"/><path fill="currentColor" d="M6.25 9.037a.75.75 0 0 1 .75.75v1.501a.75.75 0 0 1-1.5 0V9.787a.75.75 0 0 1 .75-.75m4.25.75v1.501a.75.75 0 0 1-1.5 0V9.787a.75.75 0 0 1 1.5 0"/></svg>
React
import type { SVGProps } from "react";
export function OcticonCopilot16(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M7.998 15.035c-4.562 0-7.873-2.914-7.998-3.749V9.338c.085-.628.677-1.686 1.588-2.065q.019-.105.036-.218c.029-.183.06-.384.126-.612c-.201-.508-.254-1.084-.254-1.656c0-.87.128-1.769.693-2.484c.579-.733 1.494-1.124 2.724-1.261c1.206-.134 2.262.034 2.944.765q.075.08.139.165q.068-.085.143-.165c.682-.731 1.738-.899 2.944-.765c1.23.137 2.145.528 2.724 1.261c.566.715.693 1.614.693 2.484c0 .572-.053 1.148-.254 1.656c.066.228.098.429.126.612q.018.113.037.218c.924.385 1.522 1.471 1.591 2.095v1.872c0 .766-3.351 3.795-8.002 3.795m0-1.485c2.28 0 4.584-1.11 5.002-1.433V7.862l-.023-.116c-.49.21-1.075.291-1.727.291c-1.146 0-2.059-.327-2.71-.991A3.2 3.2 0 0 1 8 6.303a3.2 3.2 0 0 1-.544.743c-.65.664-1.563.991-2.71.991c-.652 0-1.236-.081-1.727-.291l-.023.116v4.255c.419.323 2.722 1.433 5.002 1.433M6.762 2.83c-.193-.206-.637-.413-1.682-.297c-1.019.113-1.479.404-1.713.7c-.247.312-.369.789-.369 1.554c0 .793.129 1.171.308 1.371c.162.181.519.379 1.442.379c.853 0 1.339-.235 1.638-.54c.315-.322.527-.827.617-1.553c.117-.935-.037-1.395-.241-1.614m4.155-.297c-1.044-.116-1.488.091-1.681.297c-.204.219-.359.679-.242 1.614c.091.726.303 1.231.618 1.553c.299.305.784.54 1.638.54c.922 0 1.28-.198 1.442-.379c.179-.2.308-.578.308-1.371c0-.765-.123-1.242-.37-1.554c-.233-.296-.693-.587-1.713-.7"/><path fill="currentColor" d="M6.25 9.037a.75.75 0 0 1 .75.75v1.501a.75.75 0 0 1-1.5 0V9.787a.75.75 0 0 1 .75-.75m4.25.75v1.501a.75.75 0 0 1-1.5 0V9.787a.75.75 0 0 1 1.5 0"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M7.998 15.035c-4.562 0-7.873-2.914-7.998-3.749V9.338c.085-.628.677-1.686 1.588-2.065q.019-.105.036-.218c.029-.183.06-.384.126-.612c-.201-.508-.254-1.084-.254-1.656c0-.87.128-1.769.693-2.484c.579-.733 1.494-1.124 2.724-1.261c1.206-.134 2.262.034 2.944.765q.075.08.139.165q.068-.085.143-.165c.682-.731 1.738-.899 2.944-.765c1.23.137 2.145.528 2.724 1.261c.566.715.693 1.614.693 2.484c0 .572-.053 1.148-.254 1.656c.066.228.098.429.126.612q.018.113.037.218c.924.385 1.522 1.471 1.591 2.095v1.872c0 .766-3.351 3.795-8.002 3.795m0-1.485c2.28 0 4.584-1.11 5.002-1.433V7.862l-.023-.116c-.49.21-1.075.291-1.727.291c-1.146 0-2.059-.327-2.71-.991A3.2 3.2 0 0 1 8 6.303a3.2 3.2 0 0 1-.544.743c-.65.664-1.563.991-2.71.991c-.652 0-1.236-.081-1.727-.291l-.023.116v4.255c.419.323 2.722 1.433 5.002 1.433M6.762 2.83c-.193-.206-.637-.413-1.682-.297c-1.019.113-1.479.404-1.713.7c-.247.312-.369.789-.369 1.554c0 .793.129 1.171.308 1.371c.162.181.519.379 1.442.379c.853 0 1.339-.235 1.638-.54c.315-.322.527-.827.617-1.553c.117-.935-.037-1.395-.241-1.614m4.155-.297c-1.044-.116-1.488.091-1.681.297c-.204.219-.359.679-.242 1.614c.091.726.303 1.231.618 1.553c.299.305.784.54 1.638.54c.922 0 1.28-.198 1.442-.379c.179-.2.308-.578.308-1.371c0-.765-.123-1.242-.37-1.554c-.233-.296-.693-.587-1.713-.7"/><path fill="currentColor" d="M6.25 9.037a.75.75 0 0 1 .75.75v1.501a.75.75 0 0 1-1.5 0V9.787a.75.75 0 0 1 .75-.75m4.25.75v1.501a.75.75 0 0 1-1.5 0V9.787a.75.75 0 0 1 1.5 0"/></svg> </template>
CSS
.icon-copilot-16 {
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%22currentColor%22%20d%3D%22M7.998%2015.035c-4.562%200-7.873-2.914-7.998-3.749V9.338c.085-.628.677-1.686%201.588-2.065q.019-.105.036-.218c.029-.183.06-.384.126-.612c-.201-.508-.254-1.084-.254-1.656c0-.87.128-1.769.693-2.484c.579-.733%201.494-1.124%202.724-1.261c1.206-.134%202.262.034%202.944.765q.075.08.139.165q.068-.085.143-.165c.682-.731%201.738-.899%202.944-.765c1.23.137%202.145.528%202.724%201.261c.566.715.693%201.614.693%202.484c0%20.572-.053%201.148-.254%201.656c.066.228.098.429.126.612q.018.113.037.218c.924.385%201.522%201.471%201.591%202.095v1.872c0%20.766-3.351%203.795-8.002%203.795m0-1.485c2.28%200%204.584-1.11%205.002-1.433V7.862l-.023-.116c-.49.21-1.075.291-1.727.291c-1.146%200-2.059-.327-2.71-.991A3.2%203.2%200%200%201%208%206.303a3.2%203.2%200%200%201-.544.743c-.65.664-1.563.991-2.71.991c-.652%200-1.236-.081-1.727-.291l-.023.116v4.255c.419.323%202.722%201.433%205.002%201.433M6.762%202.83c-.193-.206-.637-.413-1.682-.297c-1.019.113-1.479.404-1.713.7c-.247.312-.369.789-.369%201.554c0%20.793.129%201.171.308%201.371c.162.181.519.379%201.442.379c.853%200%201.339-.235%201.638-.54c.315-.322.527-.827.617-1.553c.117-.935-.037-1.395-.241-1.614m4.155-.297c-1.044-.116-1.488.091-1.681.297c-.204.219-.359.679-.242%201.614c.091.726.303%201.231.618%201.553c.299.305.784.54%201.638.54c.922%200%201.28-.198%201.442-.379c.179-.2.308-.578.308-1.371c0-.765-.123-1.242-.37-1.554c-.233-.296-.693-.587-1.713-.7%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.25%209.037a.75.75%200%200%201%20.75.75v1.501a.75.75%200%200%201-1.5%200V9.787a.75.75%200%200%201%20.75-.75m4.25.75v1.501a.75.75%200%200%201-1.5%200V9.787a.75.75%200%200%201%201.5%200%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%22currentColor%22%20d%3D%22M7.998%2015.035c-4.562%200-7.873-2.914-7.998-3.749V9.338c.085-.628.677-1.686%201.588-2.065q.019-.105.036-.218c.029-.183.06-.384.126-.612c-.201-.508-.254-1.084-.254-1.656c0-.87.128-1.769.693-2.484c.579-.733%201.494-1.124%202.724-1.261c1.206-.134%202.262.034%202.944.765q.075.08.139.165q.068-.085.143-.165c.682-.731%201.738-.899%202.944-.765c1.23.137%202.145.528%202.724%201.261c.566.715.693%201.614.693%202.484c0%20.572-.053%201.148-.254%201.656c.066.228.098.429.126.612q.018.113.037.218c.924.385%201.522%201.471%201.591%202.095v1.872c0%20.766-3.351%203.795-8.002%203.795m0-1.485c2.28%200%204.584-1.11%205.002-1.433V7.862l-.023-.116c-.49.21-1.075.291-1.727.291c-1.146%200-2.059-.327-2.71-.991A3.2%203.2%200%200%201%208%206.303a3.2%203.2%200%200%201-.544.743c-.65.664-1.563.991-2.71.991c-.652%200-1.236-.081-1.727-.291l-.023.116v4.255c.419.323%202.722%201.433%205.002%201.433M6.762%202.83c-.193-.206-.637-.413-1.682-.297c-1.019.113-1.479.404-1.713.7c-.247.312-.369.789-.369%201.554c0%20.793.129%201.171.308%201.371c.162.181.519.379%201.442.379c.853%200%201.339-.235%201.638-.54c.315-.322.527-.827.617-1.553c.117-.935-.037-1.395-.241-1.614m4.155-.297c-1.044-.116-1.488.091-1.681.297c-.204.219-.359.679-.242%201.614c.091.726.303%201.231.618%201.553c.299.305.784.54%201.638.54c.922%200%201.28-.198%201.442-.379c.179-.2.308-.578.308-1.371c0-.765-.123-1.242-.37-1.554c-.233-.296-.693-.587-1.713-.7%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.25%209.037a.75.75%200%200%201%20.75.75v1.501a.75.75%200%200%201-1.5%200V9.787a.75.75%200%200%201%20.75-.75m4.25.75v1.501a.75.75%200%200%201-1.5%200V9.787a.75.75%200%200%201%201.5%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/octicon/copilot-16.svg?color=%231a73e8&size=48
