speaker medium volume emoji

speaker-medium-volume from Fluent Emoji by Microsoft Corporation · Default · MIT Free for personal and commercial use.

Name
speaker-medium-volume
Set
Fluent Emoji
Style
Default
Viewbox
32×32
License
MIT

The same emoji in other sets

Related icons in Fluent Emoji

Use the speaker medium volume emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>

React

import type { SVGProps } from "react";

export function FluentEmojiSpeakerMediumVolume(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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)" strokeLinecap="round" strokeWidth="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)" strokeLinecap="round" strokeWidth=".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" stopColor="#D2CED6"/><stop offset="1" stopColor="#DDD5E6"/></linearGradient><linearGradient id="itkmVxd" x1="7.495" x2="7.495" y1="9.044" y2="14.112" gradientUnits="userSpaceOnUse"><stop stopColor="#C5C4C5"/><stop offset="1" stopColor="#C5C4C5" stopOpacity="0"/></linearGradient><linearGradient id="i7yHzLe" x1="8.776" x2="8.776" y1="23.309" y2="19.309" gradientUnits="userSpaceOnUse"><stop stopColor="#B6B0BD"/><stop offset="1" stopColor="#D8D0E1" stopOpacity="0"/></linearGradient><linearGradient id="i9AxlHz" x1="4.526" x2="7.088" y1="18.247" y2="18.247" gradientUnits="userSpaceOnUse"><stop offset=".024" stopColor="#A5A5A5"/><stop offset="1" stopColor="#C3BECB" stopOpacity="0"/></linearGradient><linearGradient id="iHB1P4b" x1="11.047" x2="10.078" y1="20.736" y2="20.736" gradientUnits="userSpaceOnUse"><stop offset=".267" stopColor="#CCC5D4"/><stop offset="1" stopColor="#CCC5D4" stopOpacity="0"/></linearGradient><linearGradient id="i9sAMab" x1="21.901" x2="13.401" y1="7.747" y2="24.059" gradientUnits="userSpaceOnUse"><stop stopColor="#BFBAC4"/><stop offset="1" stopColor="#CAC2D3"/></linearGradient><linearGradient id="iMhrwKb" x1="9.309" x2="13.493" y1="18.565" y2="18.565" gradientUnits="userSpaceOnUse"><stop stopColor="#C4BECC"/><stop offset="1" stopColor="#C4BECC" stopOpacity="0"/></linearGradient><linearGradient id="icUSLGh" x1="14.495" x2="16.182" y1="25.465" y2="22.278" gradientUnits="userSpaceOnUse"><stop stopColor="#B3AFB8"/><stop offset="1" stopColor="#CAC2D3" stopOpacity="0"/></linearGradient><linearGradient id="i2TSwre" x1="22.519" x2="19.134" y1="21.693" y2="21.693" gradientUnits="userSpaceOnUse"><stop stopColor="#E6E7EF"/><stop offset="1" stopColor="#D2CBDA" stopOpacity="0"/></linearGradient><linearGradient id="iQsioYd" x1="26.304" x2="26.304" y1="11.59" y2="21.468" gradientUnits="userSpaceOnUse"><stop stopColor="#41AEFF"/><stop offset="1" stopColor="#4998F7"/></linearGradient><linearGradient id="iFw8utc" x1="26.53" x2="26.53" y1="11.396" y2="21.274" gradientUnits="userSpaceOnUse"><stop stopColor="#5BC7FF"/><stop offset="1" stopColor="#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" stopColor="#E1E0E4"/><stop offset="1" stopColor="#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 stopColor="#F4F6FE"/><stop offset="1" stopColor="#F4F6FE" stopOpacity="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" stopColor="#D1CCD9" stopOpacity="0"/><stop offset="1" stopColor="#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" stopColor="#ABABAC"/><stop offset="1" stopColor="#C2BDC7" stopOpacity="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 stopColor="#F8F6FB"/><stop offset="1" stopColor="#E7E6EE" stopOpacity="0"/></radialGradient><filter id="iivrt4b" width="3.788" height="10.979" x="24.41" y="10.39" colorInterpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood floodOpacity="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" colorInterpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood floodOpacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_17827" stdDeviation=".2"/></filter></defs></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
</template>

CSS

.icon-speaker-medium-volume {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%2221.057%22%20cy%3D%2215.989%22%20r%3D%223.219%22%20fill%3D%22url(%23i6jPBrb)%22%2F%3E%3Ccircle%20cx%3D%2221.057%22%20cy%3D%2215.989%22%20r%3D%223.219%22%20fill%3D%22url(%23iXwO9bc)%22%2F%3E%3Ccircle%20cx%3D%2221.057%22%20cy%3D%2215.989%22%20r%3D%223.219%22%20fill%3D%22url(%23iLI4uHr)%22%2F%3E%3Cpath%20fill%3D%22url(%23iGRepqc)%22%20d%3D%22M4.526%2010.644a1.6%201.6%200%200%201%201.6-1.6h4.337v13.89H6.126a1.6%201.6%200%200%201-1.6-1.6z%22%2F%3E%3Cpath%20fill%3D%22url(%23itkmVxd)%22%20d%3D%22M4.526%2010.644a1.6%201.6%200%200%201%201.6-1.6h4.337v13.89H6.126a1.6%201.6%200%200%201-1.6-1.6z%22%2F%3E%3Cpath%20fill%3D%22url(%23i7yHzLe)%22%20d%3D%22M4.526%2010.644a1.6%201.6%200%200%201%201.6-1.6h4.337v13.89H6.126a1.6%201.6%200%200%201-1.6-1.6z%22%2F%3E%3Cpath%20fill%3D%22url(%23i9AxlHz)%22%20d%3D%22M4.526%2010.644a1.6%201.6%200%200%201%201.6-1.6h4.337v13.89H6.126a1.6%201.6%200%200%201-1.6-1.6z%22%2F%3E%3Cpath%20fill%3D%22url(%23iHB1P4b)%22%20d%3D%22M4.526%2010.644a1.6%201.6%200%200%201%201.6-1.6h4.337v13.89H6.126a1.6%201.6%200%200%201-1.6-1.6z%22%2F%3E%3Cpath%20fill%3D%22url(%23i9sAMab)%22%20d%3D%22M21.323%206.865c0-1.62-1.724-2.658-3.156-1.9l-7.704%204.079v13.89l7.7%204.099c1.431.762%203.16-.275%203.16-1.898z%22%2F%3E%3Cpath%20fill%3D%22url(%23iMhrwKb)%22%20d%3D%22M21.323%206.865c0-1.62-1.724-2.658-3.156-1.9l-7.704%204.079v13.89l7.7%204.099c1.431.762%203.16-.275%203.16-1.898z%22%2F%3E%3Cpath%20fill%3D%22url(%23inDSKYk)%22%20d%3D%22M21.323%206.865c0-1.62-1.724-2.658-3.156-1.9l-7.704%204.079v13.89l7.7%204.099c1.431.762%203.16-.275%203.16-1.898z%22%2F%3E%3Cpath%20fill%3D%22url(%23icUSLGh)%22%20d%3D%22M21.323%206.865c0-1.62-1.724-2.658-3.156-1.9l-7.704%204.079v13.89l7.7%204.099c1.431.762%203.16-.275%203.16-1.898z%22%2F%3E%3Cpath%20fill%3D%22url(%23i2TSwre)%22%20d%3D%22M21.323%206.865c0-1.62-1.724-2.658-3.156-1.9l-7.704%204.079v13.89l7.7%204.099c1.431.762%203.16-.275%203.16-1.898z%22%2F%3E%3Cpath%20fill%3D%22url(%23inm4Ifc)%22%20d%3D%22M21.323%206.865c0-1.62-1.724-2.658-3.156-1.9l-7.704%204.079v13.89l7.7%204.099c1.431.762%203.16-.275%203.16-1.898z%22%2F%3E%3Cg%20filter%3D%22url(%23iivrt4b)%22%3E%3Cpath%20stroke%3D%22url(%23iQsioYd)%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.9%22%20d%3D%22M25.36%2011.59a5.85%205.85%200%200%201%201.888%204.325c0%202.312-1.226%203.933-1.888%204.504%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23iL4LPie)%22%3E%3Cpath%20stroke%3D%22url(%23iFw8utc)%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%22.5%22%20d%3D%22M25.586%2011.396a5.85%205.85%200%200%201%201.888%204.326c0%202.31-1.226%203.932-1.888%204.503%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22iGRepqc%22%20x1%3D%2211.526%22%20x2%3D%227.495%22%20y1%3D%2211.247%22%20y2%3D%2220.747%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.213%22%20stop-color%3D%22%23D2CED6%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23DDD5E6%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22itkmVxd%22%20x1%3D%227.495%22%20x2%3D%227.495%22%20y1%3D%229.044%22%20y2%3D%2214.112%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23C5C4C5%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23C5C4C5%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22i7yHzLe%22%20x1%3D%228.776%22%20x2%3D%228.776%22%20y1%3D%2223.309%22%20y2%3D%2219.309%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23B6B0BD%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23D8D0E1%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22i9AxlHz%22%20x1%3D%224.526%22%20x2%3D%227.088%22%20y1%3D%2218.247%22%20y2%3D%2218.247%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.024%22%20stop-color%3D%22%23A5A5A5%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23C3BECB%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iHB1P4b%22%20x1%3D%2211.047%22%20x2%3D%2210.078%22%20y1%3D%2220.736%22%20y2%3D%2220.736%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.267%22%20stop-color%3D%22%23CCC5D4%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23CCC5D4%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22i9sAMab%22%20x1%3D%2221.901%22%20x2%3D%2213.401%22%20y1%3D%227.747%22%20y2%3D%2224.059%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23BFBAC4%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23CAC2D3%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iMhrwKb%22%20x1%3D%229.309%22%20x2%3D%2213.493%22%20y1%3D%2218.565%22%20y2%3D%2218.565%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23C4BECC%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23C4BECC%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22icUSLGh%22%20x1%3D%2214.495%22%20x2%3D%2216.182%22%20y1%3D%2225.465%22%20y2%3D%2222.278%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23B3AFB8%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23CAC2D3%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22i2TSwre%22%20x1%3D%2222.519%22%20x2%3D%2219.134%22%20y1%3D%2221.693%22%20y2%3D%2221.693%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23E6E7EF%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23D2CBDA%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iQsioYd%22%20x1%3D%2226.304%22%20x2%3D%2226.304%22%20y1%3D%2211.59%22%20y2%3D%2221.468%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2341AEFF%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%234998F7%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iFw8utc%22%20x1%3D%2226.53%22%20x2%3D%2226.53%22%20y1%3D%2211.396%22%20y2%3D%2221.274%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%235BC7FF%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%234C97F6%22%2F%3E%3C%2FlinearGradient%3E%3CradialGradient%20id%3D%22i6jPBrb%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(113.233%207.098%2014.632)scale(5.79574)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.097%22%20stop-color%3D%22%23E1E0E4%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23CECAD6%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22iXwO9bc%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(145.706%209.304%2011.043)scale(1.89104)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23F4F6FE%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23F4F6FE%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22iLI4uHr%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(-.27222%203.9757%20-4.04797%20-.27717%2021.329%2015.232)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.594%22%20stop-color%3D%22%23D1CCD9%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23B9B6BF%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22inDSKYk%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(2.625%204.375%20-15.32416%209.19451%2013.557%206.966)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.115%22%20stop-color%3D%22%23ABABAC%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23C2BDC7%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22inm4Ifc%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(0%2016.0625%20-2.22649%200%2020.463%2011.653)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23F8F6FB%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23E7E6EE%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3Cfilter%20id%3D%22iivrt4b%22%20width%3D%223.788%22%20height%3D%2210.979%22%20x%3D%2224.41%22%20y%3D%2210.39%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dy%3D%22-.25%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.325%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.266667%200%200%200%200%200.396078%200%200%200%200%200.713726%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_18_17827%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iL4LPie%22%20width%3D%223.188%22%20height%3D%2210.129%22%20x%3D%2224.936%22%20y%3D%2210.746%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeGaussianBlur%20result%3D%22effect1_foregroundBlur_18_17827%22%20stdDeviation%3D%22.2%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%2221.057%22%20cy%3D%2215.989%22%20r%3D%223.219%22%20fill%3D%22url(%23i6jPBrb)%22%2F%3E%3Ccircle%20cx%3D%2221.057%22%20cy%3D%2215.989%22%20r%3D%223.219%22%20fill%3D%22url(%23iXwO9bc)%22%2F%3E%3Ccircle%20cx%3D%2221.057%22%20cy%3D%2215.989%22%20r%3D%223.219%22%20fill%3D%22url(%23iLI4uHr)%22%2F%3E%3Cpath%20fill%3D%22url(%23iGRepqc)%22%20d%3D%22M4.526%2010.644a1.6%201.6%200%200%201%201.6-1.6h4.337v13.89H6.126a1.6%201.6%200%200%201-1.6-1.6z%22%2F%3E%3Cpath%20fill%3D%22url(%23itkmVxd)%22%20d%3D%22M4.526%2010.644a1.6%201.6%200%200%201%201.6-1.6h4.337v13.89H6.126a1.6%201.6%200%200%201-1.6-1.6z%22%2F%3E%3Cpath%20fill%3D%22url(%23i7yHzLe)%22%20d%3D%22M4.526%2010.644a1.6%201.6%200%200%201%201.6-1.6h4.337v13.89H6.126a1.6%201.6%200%200%201-1.6-1.6z%22%2F%3E%3Cpath%20fill%3D%22url(%23i9AxlHz)%22%20d%3D%22M4.526%2010.644a1.6%201.6%200%200%201%201.6-1.6h4.337v13.89H6.126a1.6%201.6%200%200%201-1.6-1.6z%22%2F%3E%3Cpath%20fill%3D%22url(%23iHB1P4b)%22%20d%3D%22M4.526%2010.644a1.6%201.6%200%200%201%201.6-1.6h4.337v13.89H6.126a1.6%201.6%200%200%201-1.6-1.6z%22%2F%3E%3Cpath%20fill%3D%22url(%23i9sAMab)%22%20d%3D%22M21.323%206.865c0-1.62-1.724-2.658-3.156-1.9l-7.704%204.079v13.89l7.7%204.099c1.431.762%203.16-.275%203.16-1.898z%22%2F%3E%3Cpath%20fill%3D%22url(%23iMhrwKb)%22%20d%3D%22M21.323%206.865c0-1.62-1.724-2.658-3.156-1.9l-7.704%204.079v13.89l7.7%204.099c1.431.762%203.16-.275%203.16-1.898z%22%2F%3E%3Cpath%20fill%3D%22url(%23inDSKYk)%22%20d%3D%22M21.323%206.865c0-1.62-1.724-2.658-3.156-1.9l-7.704%204.079v13.89l7.7%204.099c1.431.762%203.16-.275%203.16-1.898z%22%2F%3E%3Cpath%20fill%3D%22url(%23icUSLGh)%22%20d%3D%22M21.323%206.865c0-1.62-1.724-2.658-3.156-1.9l-7.704%204.079v13.89l7.7%204.099c1.431.762%203.16-.275%203.16-1.898z%22%2F%3E%3Cpath%20fill%3D%22url(%23i2TSwre)%22%20d%3D%22M21.323%206.865c0-1.62-1.724-2.658-3.156-1.9l-7.704%204.079v13.89l7.7%204.099c1.431.762%203.16-.275%203.16-1.898z%22%2F%3E%3Cpath%20fill%3D%22url(%23inm4Ifc)%22%20d%3D%22M21.323%206.865c0-1.62-1.724-2.658-3.156-1.9l-7.704%204.079v13.89l7.7%204.099c1.431.762%203.16-.275%203.16-1.898z%22%2F%3E%3Cg%20filter%3D%22url(%23iivrt4b)%22%3E%3Cpath%20stroke%3D%22url(%23iQsioYd)%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.9%22%20d%3D%22M25.36%2011.59a5.85%205.85%200%200%201%201.888%204.325c0%202.312-1.226%203.933-1.888%204.504%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23iL4LPie)%22%3E%3Cpath%20stroke%3D%22url(%23iFw8utc)%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%22.5%22%20d%3D%22M25.586%2011.396a5.85%205.85%200%200%201%201.888%204.326c0%202.31-1.226%203.932-1.888%204.503%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22iGRepqc%22%20x1%3D%2211.526%22%20x2%3D%227.495%22%20y1%3D%2211.247%22%20y2%3D%2220.747%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.213%22%20stop-color%3D%22%23D2CED6%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23DDD5E6%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22itkmVxd%22%20x1%3D%227.495%22%20x2%3D%227.495%22%20y1%3D%229.044%22%20y2%3D%2214.112%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23C5C4C5%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23C5C4C5%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22i7yHzLe%22%20x1%3D%228.776%22%20x2%3D%228.776%22%20y1%3D%2223.309%22%20y2%3D%2219.309%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23B6B0BD%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23D8D0E1%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22i9AxlHz%22%20x1%3D%224.526%22%20x2%3D%227.088%22%20y1%3D%2218.247%22%20y2%3D%2218.247%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.024%22%20stop-color%3D%22%23A5A5A5%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23C3BECB%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iHB1P4b%22%20x1%3D%2211.047%22%20x2%3D%2210.078%22%20y1%3D%2220.736%22%20y2%3D%2220.736%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.267%22%20stop-color%3D%22%23CCC5D4%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23CCC5D4%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22i9sAMab%22%20x1%3D%2221.901%22%20x2%3D%2213.401%22%20y1%3D%227.747%22%20y2%3D%2224.059%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23BFBAC4%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23CAC2D3%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iMhrwKb%22%20x1%3D%229.309%22%20x2%3D%2213.493%22%20y1%3D%2218.565%22%20y2%3D%2218.565%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23C4BECC%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23C4BECC%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22icUSLGh%22%20x1%3D%2214.495%22%20x2%3D%2216.182%22%20y1%3D%2225.465%22%20y2%3D%2222.278%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23B3AFB8%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23CAC2D3%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22i2TSwre%22%20x1%3D%2222.519%22%20x2%3D%2219.134%22%20y1%3D%2221.693%22%20y2%3D%2221.693%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23E6E7EF%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23D2CBDA%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iQsioYd%22%20x1%3D%2226.304%22%20x2%3D%2226.304%22%20y1%3D%2211.59%22%20y2%3D%2221.468%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2341AEFF%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%234998F7%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iFw8utc%22%20x1%3D%2226.53%22%20x2%3D%2226.53%22%20y1%3D%2211.396%22%20y2%3D%2221.274%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%235BC7FF%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%234C97F6%22%2F%3E%3C%2FlinearGradient%3E%3CradialGradient%20id%3D%22i6jPBrb%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(113.233%207.098%2014.632)scale(5.79574)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.097%22%20stop-color%3D%22%23E1E0E4%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23CECAD6%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22iXwO9bc%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(145.706%209.304%2011.043)scale(1.89104)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23F4F6FE%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23F4F6FE%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22iLI4uHr%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(-.27222%203.9757%20-4.04797%20-.27717%2021.329%2015.232)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.594%22%20stop-color%3D%22%23D1CCD9%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23B9B6BF%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22inDSKYk%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(2.625%204.375%20-15.32416%209.19451%2013.557%206.966)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.115%22%20stop-color%3D%22%23ABABAC%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23C2BDC7%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22inm4Ifc%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(0%2016.0625%20-2.22649%200%2020.463%2011.653)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23F8F6FB%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23E7E6EE%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3Cfilter%20id%3D%22iivrt4b%22%20width%3D%223.788%22%20height%3D%2210.979%22%20x%3D%2224.41%22%20y%3D%2210.39%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dy%3D%22-.25%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.325%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.266667%200%200%200%200%200.396078%200%200%200%200%200.713726%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_18_17827%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iL4LPie%22%20width%3D%223.188%22%20height%3D%2210.129%22%20x%3D%2224.936%22%20y%3D%2210.746%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeGaussianBlur%20result%3D%22effect1_foregroundBlur_18_17827%22%20stdDeviation%3D%22.2%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji/speaker-medium-volume.svg?color=%231a73e8&size=48