Icône Goggles
fluent-emoji-flat:goggles
L'icône Goggles (fluent-emoji-flat:goggles) est une icône SVG gratuite de la collection Fluent Emoji Flat par Microsoft Corporation. Elle est dessinée sur une grille de 32 × 32. Les Fluent Emoji Flat 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
- Fluent Emoji Flat
- Auteur
- Microsoft Corporation
- Licence
- MIT
- Taille
- 32 × 32
- Catégorie
- Objets
- Mots-clés
- goggle
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#5235a6" d="M19.455 24.44c-.521 0-1.057-.015-1.6-.032c-.592-.017-1.211-.036-1.86-.036c-7.074 0-10.928-2.949-13.3-10.178c-.823-2.512-.789-4.372.1-5.686c1.325-1.95 4.1-2.12 6.785-2.284c2.084-.128 4.238-.26 5.254-1.219c3.39-3.2 7.778-3.922 11.184-1.853c2.634 1.6 4.9 5.255 3.345 10.7a25.1 25.1 0 0 1-3.6 7.873c-1.703 2.359-3.847 2.715-6.308 2.715m2.386-20.446a8.35 8.35 0 0 0-5.635 2.465C14.663 7.916 12.14 8.071 9.7 8.22c-2.2.134-4.48.274-5.253 1.412c-.513.756-.466 2.082.142 3.939c2.079 6.333 5.275 8.8 11.4 8.8c.669 0 1.309.019 1.919.037c3.148.093 4.854.054 6.231-1.851a23.2 23.2 0 0 0 3.3-7.248c1.041-3.655.1-6.891-2.46-8.447a6 6 0 0 0-3.138-.868"/><path fill="#00a6ed" d="M17 13.892h7.99c2.77 0 5.01 2.24 5.01 5.01v5.07c0 3.32-2.69 6.01-6.01 6.01h-2.55c-1.49 0-2.86-.84-3.53-2.18l-.46-.92c-.28-.54-.84-.89-1.45-.89c-.62 0-1.18.34-1.45.89l-.46.92a3.95 3.95 0 0 1-3.53 2.18H8.01c-3.32 0-6.01-2.69-6.01-6.01v-5.07c0-2.77 2.24-5.01 5.01-5.01z"/><path fill="#83cbff" d="M24.99 16.072H7.01c-2.77 0-5.01 2.24-5.01 5.01v1.92c0 2.65 2.15 4.8 4.8 4.8h3.76c1.5 0 2.86-.85 3.53-2.18l.46-.92c.27-.55.83-.89 1.45-.89s1.17.35 1.45.89l.46.92a3.95 3.95 0 0 0 3.53 2.18h3.76c2.65 0 4.8-2.15 4.8-4.8v-1.92c0-2.77-2.24-5.01-5.01-5.01"/><path fill="#aeddff" d="M12.707 19.7a1 1 0 0 0-1.414-1.415l-6.49 6.49a1 1 0 1 0 1.414 1.414zm15 0a1 1 0 0 0-1.414-1.415l-6.49 6.49a1 1 0 0 0 1.414 1.414z"/></g></svg>
Comment utiliser l'icône Goggles
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:goggles" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:goggles" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:goggles" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--goggles]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:goggles"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:goggles"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/goggles.svg" alt="Icône Goggles" width="24" height="24">
L'icône Goggles dans d'autres collections
FAQ : Icône Goggles
L'icône Goggles est-elle gratuite pour un usage commercial ?
Oui. Les Fluent Emoji Flat icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Goggles dans React ?
Installez @iconify/react et affichez <Icon icon="fluent-emoji-flat:goggles" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Goggles à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/goggles.svg" alt="Icône Goggles">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes Fluent Emoji Flat →
ICONYZ
