Icône Headphone
fluent-emoji-flat:headphone
L'icône Headphone (fluent-emoji-flat:headphone) 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
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#998ea4" d="m5.99 29.145l-1.94-6.18c-.16-.53.07-1.11.57-1.39l2.52-1.37l2.95 9.43l-2.85.32c-.56.07-1.08-.27-1.25-.81m20.58 0l1.94-6.18c.17-.53-.06-1.11-.57-1.39l-2.52-1.37l-2.95 9.43l2.85.32c.56.07 1.08-.27 1.25-.81"/><path fill="#cdc4d6" d="M26.72 16.11c-.1.3.03.63.3.78c1.04.55 1.44 1.82.92 2.89l-.56 1.13c-.13.27-.4.42-.68.42c-.14 0-.29-.05-.43-.14c-.32-.21-.41-.65-.24-.99l.55-1.1c.16-.32.02-.69-.29-.86c-.91-.5-1.34-1.59-1.02-2.59c.29-.91.44-1.87.44-2.84v-.02c0-1.11-.3-2.2-.86-3.15a9.9 9.9 0 0 0-8.55-4.89c-3.65 0-6.83 1.96-8.56 4.89c-.56.95-.86 2.04-.86 3.15v.02c0 .97.15 1.93.44 2.84c.33 1.01-.1 2.09-1.02 2.59c-.31.17-.45.54-.29.86l.55 1.1c.17.34.08.77-.24.99c-.13.1-.28.14-.43.14c-.28 0-.55-.15-.68-.42l-.56-1.13c-.53-1.06-.12-2.32.92-2.88c.27-.14.4-.47.3-.78A10.81 10.81 0 0 1 8.5 5.18c2.07-2.09 4.84-3.21 7.78-3.18h.02c2.92-.03 5.65 1.07 7.72 3.11c2.08 2.04 3.22 4.78 3.22 7.69c0 1.13-.18 2.24-.52 3.31"/><path fill="#cdc4d6" d="m9.58 18.375l-1.93.6c-.53.17-.82.73-.66 1.26l2.93 9.37c.17.53.73.82 1.26.66l1.93-.6c.53-.17.82-.73.66-1.26l-2.93-9.37c-.16-.53-.73-.82-1.26-.66m13.4 0l1.93.6c.53.17.82.73.66 1.26l-2.93 9.37c-.17.53-.73.82-1.26.66l-1.93-.6c-.53-.17-.82-.73-.66-1.26l2.93-9.37c.17-.53.73-.82 1.26-.66"/></g></svg>Comment utiliser l'icône Headphone
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:headphone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:headphone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:headphone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--headphone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:headphone"></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:headphone"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/headphone.svg" alt="Icône Headphone" width="24" height="24">L'icône Headphone dans d'autres collections
FAQ : Icône Headphone
L'icône Headphone 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 Headphone dans React ?
Installez @iconify/react et affichez <Icon icon="fluent-emoji-flat:headphone" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Headphone à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/headphone.svg" alt="Icône Headphone">, ou collez le code SVG directement dans la page pour le styliser en CSS.