Home/Libraries/Fluent UI System Icons (Iconify)/person-sound-spatial-20-filled

Fluent UI System Icons (Iconify)

PersonSoundSpatial20Filled

License: MITCommercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 20 20"><path fill="#818cf8" d="M2.87 9.165a.54.54 0 0 0 .017.724a.47.47 0 0 0 .692-.014A5.98 5.98 0 0 0 5 6c0-1.477-.534-2.83-1.42-3.875a.47.47 0 0 0-.692-.014a.54.54 0 0 0-.018.724A4.98 4.98 0 0 1 4 6a4.98 4.98 0 0 1-1.13 3.165m-1.397-.69c.195.195.515.197.684-.021c.527-.678.841-1.53.841-2.454s-.314-1.776-.84-2.454c-.17-.218-.49-.216-.685-.02c-.195.194-.191.51-.03.734c.35.49.555 1.091.555 1.74s-.206 1.25-.556 1.74c-.16.225-.164.54.031.735M10 2a4 4 0 1 0 0 8a4 4 0 0 0 0-8m-4.991 9A2 2 0 0 0 3 13c0 1.691.833 2.966 2.135 3.797C6.417 17.614 8.145 18 10 18s3.583-.386 4.865-1.203C16.167 15.967 17 14.69 17 13a2 2 0 0 0-2-2zm11.41-8.875A5.98 5.98 0 0 0 15 6c0 1.477.534 2.83 1.419 3.875a.47.47 0 0 0 .692.014a.54.54 0 0 0 .018-.724A4.98 4.98 0 0 1 16 6c0-1.2.423-2.303 1.129-3.165a.54.54 0 0 0-.018-.724a.47.47 0 0 0-.692.014m1.422 1.421c.17-.218.489-.216.684-.02c.195.194.191.51.031.734A3 3 0 0 0 18 6c0 .649.206 1.25.556 1.74c.16.225.164.54-.03.735c-.196.195-.516.197-.685-.021A4 4 0 0 1 17 6c0-.925.314-1.776.84-2.454"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. PersonSoundSpatial20FilledIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.