Icône Microsoft Copilot
thesvg-color:microsoft-copilot
L'icône Microsoft Copilot (thesvg-color:microsoft-copilot) est une icône SVG gratuite de la collection theSVG Color par thesvg.org. Elle est dessinée sur une grille de 44 × 40. Les theSVG Color icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- theSVG Color
- Auteur
- thesvg.org
- Licence
- MIT
- Taille
- 44 × 40
- Mots-clés
- microsoftcopilot
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="40" viewBox="0 0 44 40"><g fill="none"><path fill="url(#SVGYSJwobLZ)" d="M34.142 7.325A4.63 4.63 0 0 0 29.7 4h-1.35a4.63 4.63 0 0 0-4.554 3.794L21.48 20.407l.575-1.965a4.63 4.63 0 0 1 4.444-3.33h7.853l3.294 1.282l3.175-1.283h-.926a4.63 4.63 0 0 1-4.443-3.325z"/><path fill="url(#SVGUOIdycYm)" d="M14.33 40.656A4.63 4.63 0 0 0 18.779 44h2.87a4.63 4.63 0 0 0 4.629-4.51l.312-12.163l-.654 2.233a4.63 4.63 0 0 1-4.443 3.329h-7.919l-2.823-1.532l-3.057 1.532h.912a4.63 4.63 0 0 1 4.447 3.344l1.279 4.423z"/><path fill="url(#SVGxHrurdyp)" d="M29.5 4H13.46c-4.583 0-7.332 6.057-9.165 12.113C2.123 23.29-.72 32.885 7.503 32.885h6.925a4.63 4.63 0 0 0 4.456-3.358a2079 2079 0 0 1 4.971-17.156c.843-2.843 1.544-5.284 2.621-6.805C27.08 4.714 28.086 4 29.5 4"/><path fill="url(#SVGQVbrJcaN)" d="M29.5 4H13.46c-4.583 0-7.332 6.057-9.165 12.113C2.123 23.29-.72 32.885 7.503 32.885h6.925a4.63 4.63 0 0 0 4.456-3.358a2079 2079 0 0 1 4.971-17.156c.843-2.843 1.544-5.284 2.621-6.805C27.08 4.714 28.086 4 29.5 4"/><path fill="url(#SVGovJQQd7w)" d="M18.498 44h16.04c4.582 0 7.332-6.058 9.165-12.115c2.171-7.177 5.013-16.775-3.208-16.775h-6.926a4.63 4.63 0 0 0-4.455 3.358a2084 2084 0 0 1-4.972 17.16c-.842 2.843-1.544 5.285-2.62 6.806c-.604.852-1.61 1.566-3.024 1.566"/><path fill="url(#SVGx8WXZbEs)" d="M18.498 44h16.04c4.582 0 7.332-6.058 9.165-12.115c2.171-7.177 5.013-16.775-3.208-16.775h-6.926a4.63 4.63 0 0 0-4.455 3.358a2084 2084 0 0 1-4.972 17.16c-.842 2.843-1.544 5.285-2.62 6.806c-.604.852-1.61 1.566-3.024 1.566"/><defs><radialGradient id="SVGYSJwobLZ" cx="0" cy="0" r="1" gradientTransform="rotate(230.696 23.861 1.255)scale(17.3033 16.2706)" gradientUnits="userSpaceOnUse"><stop offset=".096" stop-color="#00aeff"/><stop offset=".773" stop-color="#2253ce"/><stop offset="1" stop-color="#0736c4"/></radialGradient><radialGradient id="SVGUOIdycYm" cx="0" cy="0" r="1" gradientTransform="rotate(51.84 -28.201 27.85)scale(15.9912 15.5119)" gradientUnits="userSpaceOnUse"><stop stop-color="#ffb657"/><stop offset=".634" stop-color="#ff5f3d"/><stop offset=".923" stop-color="#c02b3c"/></radialGradient><radialGradient id="SVGovJQQd7w" cx="0" cy="0" r="1" gradientTransform="rotate(109.274 16.301 20.802)scale(38.3873 45.9867)" gradientUnits="userSpaceOnUse"><stop offset=".066" stop-color="#8c48ff"/><stop offset=".5" stop-color="#f2598a"/><stop offset=".896" stop-color="#ffb152"/></radialGradient><linearGradient id="SVGxHrurdyp" x1="12.5" x2="14.788" y1="7.5" y2="33.975" gradientUnits="userSpaceOnUse"><stop offset=".156" stop-color="#0d91e1"/><stop offset=".487" stop-color="#52b471"/><stop offset=".652" stop-color="#98bd42"/><stop offset=".937" stop-color="#ffc800"/></linearGradient><linearGradient id="SVGQVbrJcaN" x1="14.5" x2="15.75" y1="4" y2="32.885" gradientUnits="userSpaceOnUse"><stop stop-color="#3dcbff"/><stop offset=".247" stop-color="#0588f7" stop-opacity="0"/></linearGradient><linearGradient id="SVGx8WXZbEs" x1="42.586" x2="42.569" y1="13.346" y2="21.215" gradientUnits="userSpaceOnUse"><stop offset=".058" stop-color="#f8adfa"/><stop offset=".708" stop-color="#a86edd" stop-opacity="0"/></linearGradient></defs></g></svg>
Comment utiliser l'icône Microsoft Copilot
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:microsoft-copilot" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:microsoft-copilot" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:microsoft-copilot" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--microsoft-copilot]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:microsoft-copilot"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:microsoft-copilot"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/microsoft-copilot.svg" alt="Icône Microsoft Copilot" width="24" height="24">
Icônes similaires dans theSVG Color
L'icône Microsoft Copilot dans d'autres collections
FAQ : Icône Microsoft Copilot
L'icône Microsoft Copilot est-elle gratuite pour un usage commercial ?
Oui. Les theSVG Color icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Microsoft Copilot dans React ?
Installez @iconify/react et affichez <Icon icon="thesvg-color:microsoft-copilot" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Microsoft Copilot à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/thesvg-color/microsoft-copilot.svg" alt="Icône Microsoft Copilot">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes theSVG Color →
