Icône Speaker Zzz Fill
f7:speaker-zzz-fill
L'icône Speaker Zzz Fill (f7:speaker-zzz-fill) est une icône SVG gratuite de la collection Framework7 Icons par Vladimir Kharlampidi. Elle est dessinée sur une grille de 56 × 56. Les Framework7 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
- Framework7 Icons
- Auteur
- Vladimir Kharlampidi
- Licence
- MIT
- Taille
- 56 × 56
- Mots-clés
- speakerzzz, zzzfill, speakerzzzfill
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56"><path fill="currentColor" d="M24.993 49.112c1.52 0 2.616-1.117 2.616-2.615V10.84c0-1.498-1.096-2.75-2.66-2.75c-1.096 0-1.834.492-3.019 1.61l-9.858 9.322a.88.88 0 0 1-.581.201H4.85C1.7 19.223 0 20.945 0 24.298v8.674c0 3.353 1.699 5.074 4.851 5.074h6.64c.223 0 .424.067.58.202l9.86 9.411c1.072 1.006 1.967 1.453 3.062 1.453m29.732-25.976H49.25V23l5.61-7.4c.515-.648.694-1.05.694-1.497c0-.76-.581-1.207-1.386-1.207H46.41c-.737 0-1.296.47-1.296 1.23c0 .804.559 1.274 1.296 1.274h5.187v.111l-5.7 7.4c-.515.648-.694 1.028-.694 1.542c0 .693.559 1.208 1.364 1.208h8.16c.737 0 1.274-.492 1.274-1.275c0-.737-.537-1.251-1.275-1.251m-13.591 9.232H37.31v-.09l3.98-5.208c.446-.604.648-1.006.648-1.43c0-.716-.582-1.14-1.342-1.14h-5.88c-.715 0-1.206.469-1.206 1.162c0 .782.491 1.23 1.207 1.23h3.442v.088l-3.956 5.187c-.425.603-.626.961-.626 1.453c0 .67.536 1.163 1.274 1.163h6.282c.715 0 1.229-.448 1.229-1.208c0-.715-.514-1.207-1.23-1.207m10.417 8.495h-3.264v-.09l3.354-4.493c.47-.626.648-.961.648-1.363c0-.693-.537-1.118-1.252-1.118h-5.186c-.671 0-1.163.447-1.163 1.14c0 .715.492 1.14 1.163 1.14h2.861v.09l-3.331 4.493c-.424.581-.626.916-.626 1.364c0 .648.514 1.095 1.207 1.095h5.59c.648 0 1.14-.425 1.14-1.14c0-.67-.492-1.118-1.14-1.118"/></svg>Comment utiliser l'icône Speaker Zzz Fill
React
import { Icon } from "@iconify/react";
<Icon icon="f7:speaker-zzz-fill" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="f7:speaker-zzz-fill" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="f7:speaker-zzz-fill" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[f7--speaker-zzz-fill]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/f7 -->
<div class="i-f7:speaker-zzz-fill"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="f7:speaker-zzz-fill"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/f7/speaker-zzz-fill.svg" alt="Icône Speaker Zzz Fill" width="24" height="24">Icônes similaires dans Framework7 Icons
FAQ : Icône Speaker Zzz Fill
L'icône Speaker Zzz Fill est-elle gratuite pour un usage commercial ?
Oui. Les Framework7 Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Speaker Zzz Fill dans React ?
Installez @iconify/react et affichez <Icon icon="f7:speaker-zzz-fill" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Speaker Zzz Fill à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/f7/speaker-zzz-fill.svg" alt="Icône Speaker Zzz Fill">, ou collez le code SVG directement dans la page pour le styliser en CSS.