Stereo icon
fad:stereo
The Stereo icon (fad:stereo) is a free SVG icon from the FontAudio set by @fefanto. It is drawn on a 256 × 256 grid. FontAudio icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" fill-rule="evenodd" d="M128.802 95.03c-9.229-9.369-22.39-15.228-37-15.228c-27.92 0-50.555 21.402-50.555 47.803s22.634 47.802 50.555 47.802c14.711 0 27.954-5.94 37.193-15.423c-12.232-16.88-14.177-19.888-14.177-32.38c0-12.016 5.924-18.458 14.19-31.142c6.753 13.293 13.629 19.445 13.629 31.538c0 12.802-6.03 20.525-13.402 32.614c9.206 9.115 22.185 14.793 36.567 14.793c27.922 0 50.556-21.401 50.556-47.802c0-26.4-22.634-47.803-50.556-47.803c-14.608 0-27.77 5.86-37 15.228M128 75.374C138.501 68.202 151.252 64 165 64c35.899 0 65 28.654 65 64s-29.101 64-65 64c-13.748 0-26.499-4.202-37-11.374C117.499 187.798 104.748 192 91 192c-35.899 0-65-28.654-65-64s29.101-64 65-64c13.748 0 26.499 4.202 37 11.374"/></svg>How to use the Stereo icon
React
import { Icon } from "@iconify/react";
<Icon icon="fad:stereo" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fad:stereo" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fad:stereo" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fad--stereo]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fad -->
<div class="i-fad:stereo"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fad:stereo"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fad/stereo.svg" alt="Stereo icon" width="24" height="24">Stereo icon FAQ
Is the Stereo icon free for commercial use?
Yes. FontAudio icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Stereo icon in React?
Install @iconify/react and render <Icon icon="fad:stereo" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Stereo icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fad/stereo.svg" alt="Stereo icon">, or paste the SVG code inline to style it with CSS.