Ícone Copilot
material-icon-theme:copilot
O ícone Copilot (material-icon-theme:copilot) é um ícone SVG gratuito da coleção Material Icon Theme de Material Extensions. Ele é desenhado em uma grade de 24 × 24. Material Icon Theme icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Material Icon Theme
- Autor
- Material Extensions
- Licença
- MIT
- Tamanho
- 24 × 24
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><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>Como usar o ícone Copilot
React
import { Icon } from "@iconify/react";
<Icon icon="material-icon-theme:copilot" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-icon-theme:copilot" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-icon-theme:copilot" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-icon-theme--copilot]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-icon-theme -->
<div class="i-material-icon-theme:copilot"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-icon-theme:copilot"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/material-icon-theme/copilot.svg" alt="Ícone Copilot" width="24" height="24">Ícones relacionados em Material Icon Theme
O ícone Copilot em outras coleções
Perguntas frequentes sobre Ícone Copilot
O ícone Copilot é grátis para uso comercial?
Sim. Material Icon Theme icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Copilot no React?
Instale @iconify/react e renderize <Icon icon="material-icon-theme:copilot" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Copilot a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/material-icon-theme/copilot.svg" alt="Ícone Copilot">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.