Icône Gusto
simple-icons:gusto
L'icône Gusto (simple-icons:gusto) est une icône SVG gratuite de la collection Simple Icons par Simple Icons Collaborators. Elle est dessinée sur une grille de 24 × 24. Les Simple Icons sont publiées sous la licence CC0 1.0, 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
- Simple Icons
- Auteur
- Simple Icons Collaborators
- Licence
- CC0-1.0
- Taille
- 24 × 24
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M21.311 8.768c-1.482 0-2.69 1.212-2.69 2.702s1.208 2.701 2.69 2.701c1.483 0 2.689-1.212 2.689-2.701s-1.206-2.702-2.689-2.702m0 4.123a1.42 1.42 0 0 1-1.415-1.421a1.42 1.42 0 0 1 1.415-1.422c.78 0 1.415.638 1.415 1.422s-.635 1.42-1.415 1.42Zm-7.919-1.969l-.47-.235q-.306-.152-.384-.239a.28.28 0 0 1-.078-.19q0-.137.122-.228q.12-.093.338-.091q.396 0 .878.48l.794-.797a2.1 2.1 0 0 0-.744-.63a2.06 2.06 0 0 0-.937-.22q-.727 0-1.196.431a1.37 1.37 0 0 0-.468 1.04q-.001.945 1.24 1.57l.433.218q.56.282.559.58q0 .16-.155.284a.63.63 0 0 1-.409.122q-.235 0-.538-.163a1.8 1.8 0 0 1-.528-.427l-.79.864q.668.877 1.786.878q.842 0 1.34-.458q.502-.457.502-1.141q0-.514-.277-.897q-.278-.382-1.018-.75Zm-7.985 2.66V8.876H4.131v.316a2.66 2.66 0 0 0-1.442-.423C1.206 8.768 0 9.98 0 11.47s1.206 2.701 2.689 2.701c.505 0 1-.142 1.427-.412l-.002.104a1.42 1.42 0 0 1-1.415 1.42c-.265 0-.524-.075-.748-.217l-.631 1.11c.416.255.894.39 1.382.39a2.713 2.713 0 0 0 2.705-2.702c0-.057.004-.227 0-.281ZM2.69 12.89a1.42 1.42 0 0 1-1.415-1.42c0-.784.636-1.422 1.415-1.422s1.415.638 1.415 1.422a1.42 1.42 0 0 1-1.415 1.42m7.803-4.016H9.21v2.568c.002.365.002.995-.265 1.264c-.128.128-.269.245-.563.245a.7.7 0 0 1-.565-.245c-.269-.27-.266-.901-.265-1.264V8.874H6.27v2.56c-.004.528-.01 1.509.633 2.16c.377.38.827.575 1.476.575c.65 0 1.1-.193 1.477-.576c.643-.65.637-1.633.633-2.159zm7.27 3.787c-.104.078-.353.253-.636.213c-.23-.03-.418-.2-.447-.768v-2.13h1.507V8.87H16.68V7.434H15.4v.281h-.002v4.223c0 .671.17 2.231 1.726 2.231c.788-.012 1.266-.441 1.467-.609l.026-.02l-.767-.95l-.089.07Z"/></svg>Comment utiliser l'icône Gusto
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:gusto" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:gusto" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:gusto" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--gusto]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:gusto"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:gusto"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/simple-icons/gusto.svg" alt="Icône Gusto" width="24" height="24">L'icône Gusto dans d'autres collections
FAQ : Icône Gusto
L'icône Gusto est-elle gratuite pour un usage commercial ?
Oui. Les Simple Icons sont publiées sous la licence CC0 1.0, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Gusto dans React ?
Installez @iconify/react et affichez <Icon icon="simple-icons:gusto" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Gusto à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/simple-icons/gusto.svg" alt="Icône Gusto">, ou collez le code SVG directement dans la page pour le styliser en CSS.