Icône Google Chat
thesvg-color:google-chat
L'icône Google Chat (thesvg-color:google-chat) est une icône SVG gratuite de la collection theSVG Color par thesvg.org. Elle est dessinée sur une grille de 311 × 320. 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
- 311 × 320
- Mots-clés
- googlechat
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="311" height="320" viewBox="0 0 311 320"><g fill="none" stroke-width="2"><path stroke="#7e916f" d="m76.37.51l.01 76.47" vector-effect="non-scaling-stroke"/><path stroke="#1375eb" d="M76.38 76.98L0 76.96" vector-effect="non-scaling-stroke"/><path stroke="#f3801d" d="M235.08 1.09q-.16.06-.27.13q-.17.09-.17.28l-.02 75.51" vector-effect="non-scaling-stroke"/><path stroke="#7eb426" d="M234.62 77.01h-.05" vector-effect="non-scaling-stroke"/><path stroke="#91a080" d="m76.41 77.01l-.03-.03" vector-effect="non-scaling-stroke"/><path stroke="#75783e" d="m310.53 76.77l-75.91.24" vector-effect="non-scaling-stroke"/><path stroke="#138495" d="M76.43 182.69L0 182.67" vector-effect="non-scaling-stroke"/><path stroke="#00983a" d="m76.44 259.13l-.01-38.28" vector-effect="non-scaling-stroke"/></g><path fill="#0066da" d="m76.37.51l.01 76.47L0 76.96V20.77q.85-5.96 3.53-10.01Q10.14.74 22.75.67Q49.41.53 76.37.51"/><path fill="#fbbc04" d="m76.37.51l157.42.02a1.61 1.57-26.7 0 1 .92.29l.37.27q-.16.06-.27.13q-.17.09-.17.28l-.02 75.51h-.05l-158.16.01l-.03-.03Z"/><path fill="#ea4335" d="m235.08 1.09l75.45 75.68l-75.91.24l.02-75.51q0-.19.17-.28q.11-.07.27-.13"/><path fill="#2684fc" d="m0 76.96l76.38.02l.03.03l.02 105.68L0 182.67Z"/><path fill="#00ac47" d="m310.53 76.77l.47.34v161.9q-2.66 14.53-15.06 18.77q-4.42 1.52-13.03 1.5q-55.89-.09-112.92-.17q-8.28-.01-16.8.12q-.47.01-.8.34q-27.9 27.77-56 56.02c-2.87 2.89-6.12 4.5-10.24 3.89q-5.76-.85-8.49-5.94q-1.15-2.16-1.17-7.88q-.07-23.19-.05-46.53l-.01-38.28l37.78-37.78a1.79 1.77 22.3 0 1 1.26-.52l118.3.04a.83.83 0 0 0 .83-.83l-.03-104.75h.05Z"/><path fill="#00832d" d="M76.43 182.69v38.16l.01 38.28q-23.97.14-47.53.09q-9.82-.02-14.15-1.54Q2.62 253.44 0 238.88v-56.21Z"/></svg>
Comment utiliser l'icône Google Chat
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:google-chat" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:google-chat" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:google-chat" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--google-chat]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:google-chat"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:google-chat"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/google-chat.svg" alt="Icône Google Chat" width="24" height="24">
Icônes similaires dans theSVG Color
L'icône Google Chat dans d'autres collections
FAQ : Icône Google Chat
L'icône Google Chat 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 Google Chat dans React ?
Installez @iconify/react et affichez <Icon icon="thesvg-color:google-chat" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Google Chat à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/thesvg-color/google-chat.svg" alt="Icône Google Chat">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes theSVG Color →
