Icône Speaker Medium Volume
fluent-emoji:speaker-medium-volume
L'icône Speaker Medium Volume (fluent-emoji:speaker-medium-volume) est une icône SVG gratuite de la collection Fluent Emoji par Microsoft Corporation. Elle est dessinée sur une grille de 32 × 32. Les Fluent Emoji 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
- Auteur
- Microsoft Corporation
- Licence
- MIT
- Taille
- 32 × 32
- Mots-clés
- speakermedium, mediumvolume, speakermediumvolume
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><circle cx="21.057" cy="15.989" r="3.219" fill="url(#i6jPBrb)"/><circle cx="21.057" cy="15.989" r="3.219" fill="url(#iXwO9bc)"/><circle cx="21.057" cy="15.989" r="3.219" fill="url(#iLI4uHr)"/><path fill="url(#iGRepqc)" d="M4.526 10.644a1.6 1.6 0 0 1 1.6-1.6h4.337v13.89H6.126a1.6 1.6 0 0 1-1.6-1.6z"/><path fill="url(#itkmVxd)" d="M4.526 10.644a1.6 1.6 0 0 1 1.6-1.6h4.337v13.89H6.126a1.6 1.6 0 0 1-1.6-1.6z"/><path fill="url(#i7yHzLe)" d="M4.526 10.644a1.6 1.6 0 0 1 1.6-1.6h4.337v13.89H6.126a1.6 1.6 0 0 1-1.6-1.6z"/><path fill="url(#i9AxlHz)" d="M4.526 10.644a1.6 1.6 0 0 1 1.6-1.6h4.337v13.89H6.126a1.6 1.6 0 0 1-1.6-1.6z"/><path fill="url(#iHB1P4b)" d="M4.526 10.644a1.6 1.6 0 0 1 1.6-1.6h4.337v13.89H6.126a1.6 1.6 0 0 1-1.6-1.6z"/><path fill="url(#i9sAMab)" d="M21.323 6.865c0-1.62-1.724-2.658-3.156-1.9l-7.704 4.079v13.89l7.7 4.099c1.431.762 3.16-.275 3.16-1.898z"/><path fill="url(#iMhrwKb)" d="M21.323 6.865c0-1.62-1.724-2.658-3.156-1.9l-7.704 4.079v13.89l7.7 4.099c1.431.762 3.16-.275 3.16-1.898z"/><path fill="url(#inDSKYk)" d="M21.323 6.865c0-1.62-1.724-2.658-3.156-1.9l-7.704 4.079v13.89l7.7 4.099c1.431.762 3.16-.275 3.16-1.898z"/><path fill="url(#icUSLGh)" d="M21.323 6.865c0-1.62-1.724-2.658-3.156-1.9l-7.704 4.079v13.89l7.7 4.099c1.431.762 3.16-.275 3.16-1.898z"/><path fill="url(#i2TSwre)" d="M21.323 6.865c0-1.62-1.724-2.658-3.156-1.9l-7.704 4.079v13.89l7.7 4.099c1.431.762 3.16-.275 3.16-1.898z"/><path fill="url(#inm4Ifc)" d="M21.323 6.865c0-1.62-1.724-2.658-3.156-1.9l-7.704 4.079v13.89l7.7 4.099c1.431.762 3.16-.275 3.16-1.898z"/><g filter="url(#iivrt4b)"><path stroke="url(#iQsioYd)" stroke-linecap="round" stroke-width="1.9" d="M25.36 11.59a5.85 5.85 0 0 1 1.888 4.325c0 2.312-1.226 3.933-1.888 4.504"/></g><g filter="url(#iL4LPie)"><path stroke="url(#iFw8utc)" stroke-linecap="round" stroke-width=".5" d="M25.586 11.396a5.85 5.85 0 0 1 1.888 4.326c0 2.31-1.226 3.932-1.888 4.503"/></g><defs><linearGradient id="iGRepqc" x1="11.526" x2="7.495" y1="11.247" y2="20.747" gradientUnits="userSpaceOnUse"><stop offset=".213" stop-color="#D2CED6"/><stop offset="1" stop-color="#DDD5E6"/></linearGradient><linearGradient id="itkmVxd" x1="7.495" x2="7.495" y1="9.044" y2="14.112" gradientUnits="userSpaceOnUse"><stop stop-color="#C5C4C5"/><stop offset="1" stop-color="#C5C4C5" stop-opacity="0"/></linearGradient><linearGradient id="i7yHzLe" x1="8.776" x2="8.776" y1="23.309" y2="19.309" gradientUnits="userSpaceOnUse"><stop stop-color="#B6B0BD"/><stop offset="1" stop-color="#D8D0E1" stop-opacity="0"/></linearGradient><linearGradient id="i9AxlHz" x1="4.526" x2="7.088" y1="18.247" y2="18.247" gradientUnits="userSpaceOnUse"><stop offset=".024" stop-color="#A5A5A5"/><stop offset="1" stop-color="#C3BECB" stop-opacity="0"/></linearGradient><linearGradient id="iHB1P4b" x1="11.047" x2="10.078" y1="20.736" y2="20.736" gradientUnits="userSpaceOnUse"><stop offset=".267" stop-color="#CCC5D4"/><stop offset="1" stop-color="#CCC5D4" stop-opacity="0"/></linearGradient><linearGradient id="i9sAMab" x1="21.901" x2="13.401" y1="7.747" y2="24.059" gradientUnits="userSpaceOnUse"><stop stop-color="#BFBAC4"/><stop offset="1" stop-color="#CAC2D3"/></linearGradient><linearGradient id="iMhrwKb" x1="9.309" x2="13.493" y1="18.565" y2="18.565" gradientUnits="userSpaceOnUse"><stop stop-color="#C4BECC"/><stop offset="1" stop-color="#C4BECC" stop-opacity="0"/></linearGradient><linearGradient id="icUSLGh" x1="14.495" x2="16.182" y1="25.465" y2="22.278" gradientUnits="userSpaceOnUse"><stop stop-color="#B3AFB8"/><stop offset="1" stop-color="#CAC2D3" stop-opacity="0"/></linearGradient><linearGradient id="i2TSwre" x1="22.519" x2="19.134" y1="21.693" y2="21.693" gradientUnits="userSpaceOnUse"><stop stop-color="#E6E7EF"/><stop offset="1" stop-color="#D2CBDA" stop-opacity="0"/></linearGradient><linearGradient id="iQsioYd" x1="26.304" x2="26.304" y1="11.59" y2="21.468" gradientUnits="userSpaceOnUse"><stop stop-color="#41AEFF"/><stop offset="1" stop-color="#4998F7"/></linearGradient><linearGradient id="iFw8utc" x1="26.53" x2="26.53" y1="11.396" y2="21.274" gradientUnits="userSpaceOnUse"><stop stop-color="#5BC7FF"/><stop offset="1" stop-color="#4C97F6"/></linearGradient><radialGradient id="i6jPBrb" cx="0" cy="0" r="1" gradientTransform="rotate(113.233 7.098 14.632)scale(5.79574)" gradientUnits="userSpaceOnUse"><stop offset=".097" stop-color="#E1E0E4"/><stop offset="1" stop-color="#CECAD6"/></radialGradient><radialGradient id="iXwO9bc" cx="0" cy="0" r="1" gradientTransform="rotate(145.706 9.304 11.043)scale(1.89104)" gradientUnits="userSpaceOnUse"><stop stop-color="#F4F6FE"/><stop offset="1" stop-color="#F4F6FE" stop-opacity="0"/></radialGradient><radialGradient id="iLI4uHr" cx="0" cy="0" r="1" gradientTransform="matrix(-.27222 3.9757 -4.04797 -.27717 21.329 15.232)" gradientUnits="userSpaceOnUse"><stop offset=".594" stop-color="#D1CCD9" stop-opacity="0"/><stop offset="1" stop-color="#B9B6BF"/></radialGradient><radialGradient id="inDSKYk" cx="0" cy="0" r="1" gradientTransform="matrix(2.625 4.375 -15.32416 9.19451 13.557 6.966)" gradientUnits="userSpaceOnUse"><stop offset=".115" stop-color="#ABABAC"/><stop offset="1" stop-color="#C2BDC7" stop-opacity="0"/></radialGradient><radialGradient id="inm4Ifc" cx="0" cy="0" r="1" gradientTransform="matrix(0 16.0625 -2.22649 0 20.463 11.653)" gradientUnits="userSpaceOnUse"><stop stop-color="#F8F6FB"/><stop offset="1" stop-color="#E7E6EE" stop-opacity="0"/></radialGradient><filter id="iivrt4b" width="3.788" height="10.979" x="24.41" y="10.39" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="-.25"/><feGaussianBlur stdDeviation=".325"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.266667 0 0 0 0 0.396078 0 0 0 0 0.713726 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_17827"/></filter><filter id="iL4LPie" width="3.188" height="10.129" x="24.936" y="10.746" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_17827" stdDeviation=".2"/></filter></defs></g></svg>Comment utiliser l'icône Speaker Medium Volume
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:speaker-medium-volume" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:speaker-medium-volume" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:speaker-medium-volume" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--speaker-medium-volume]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:speaker-medium-volume"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:speaker-medium-volume"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji/speaker-medium-volume.svg" alt="Icône Speaker Medium Volume" width="24" height="24">Icônes similaires dans Fluent Emoji
L'icône Speaker Medium Volume dans d'autres collections
FAQ : Icône Speaker Medium Volume
L'icône Speaker Medium Volume est-elle gratuite pour un usage commercial ?
Oui. Les Fluent Emoji icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Speaker Medium Volume dans React ?
Installez @iconify/react et affichez <Icon icon="fluent-emoji:speaker-medium-volume" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Speaker Medium Volume à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fluent-emoji/speaker-medium-volume.svg" alt="Icône Speaker Medium Volume">, ou collez le code SVG directement dans la page pour le styliser en CSS.