Icône Gatus
thesvg-color:gatus
L'icône Gatus (thesvg-color:gatus) est une icône SVG gratuite de la collection theSVG Color par thesvg.org. Elle est dessinée sur une grille de 24 × 24. 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
- 24 × 24
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12.008.012c-2.428 0-2.46.046-2.357.861c.286 2.17-2.517 3.343-3.862 1.604c-.52-.675-.563-.675-2.32 1.111C1.805 5.271 1.777 5.265 2.46 5.795a2.17 2.17 0 0 1 .68 2.545A2.18 2.18 0 0 1 .824 9.633C0 9.535 0 9.563 0 12.094c.023 2.301 0 2.353.88 2.254a2.156 2.156 0 0 1 1.731 3.713c-.801.755-.76.698.758 2.268c1.453 1.504 1.693 1.8 2.18 1.402l3.54-3.539a.435.435 0 0 0-.085-.707a6.241 6.241 0 0 1 .024-10.963a6 6 0 0 1 1.015-.442a6.15 6.15 0 0 0 4.295-5.8c-.159-.268-.694-.268-2.33-.268m6.756 2.064a.3.3 0 0 0-.119.012l-3.74 3.744a.44.44 0 0 0 0 .623a.4.4 0 0 0 .097.076a6.239 6.239 0 0 1-.027 10.958q-.653.345-1.37.535c-2.282.61-3.937 2.573-3.937 4.94v.338c.042.68.32.645 2.157.673c2.493.038 2.432.095 2.507-1.246a2.17 2.17 0 0 1 2.294-2.039a2.17 2.17 0 0 1 1.45.68c.802.843.638.828 2.335-.84c1.753-1.73 1.833-1.673.984-2.442a2.165 2.165 0 0 1-.144-3.06a2.17 2.17 0 0 1 1.767-.703c.985.07.936.014.97-2.16c.037-2.457.074-2.485-1.15-2.495a2.163 2.163 0 0 1-2.146-2.187a2.17 2.17 0 0 1 .742-1.614c.764-.67.753-.632-.953-2.338c-1.009-1.009-1.422-1.428-1.717-1.455m-7.76 6.137a.203.203 0 0 0-.205.201v2.1a.204.204 0 0 1-.201.207H8.483a.203.203 0 0 0-.205.201v2.157c0 .112.092.207.205.207h2.095c.113 0 .208.088.208.2v2.104a.2.2 0 0 0 .205.194h2.136c.113 0 .207-.09.207-.203v-2.094a.2.2 0 0 1 .202-.201h2.1a.21.21 0 0 0 .206-.207v-2.157a.204.204 0 0 0-.207-.201h-2.08a.204.204 0 0 1-.207-.201v-2.1a.204.204 0 0 0-.201-.207z"/></svg>Comment utiliser l'icône Gatus
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:gatus" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:gatus" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:gatus" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--gatus]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:gatus"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:gatus"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/gatus.svg" alt="Icône Gatus" width="24" height="24">L'icône Gatus dans d'autres collections
FAQ : Icône Gatus
L'icône Gatus 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 Gatus dans React ?
Installez @iconify/react et affichez <Icon icon="thesvg-color:gatus" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Gatus à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/thesvg-color/gatus.svg" alt="Icône Gatus">, ou collez le code SVG directement dans la page pour le styliser en CSS.