Sound Loud icon
ix:sound-loud
The Sound Loud icon (ix:sound-loud) is a free SVG icon from the Siemens Industrial Experience Icons set by Siemens AG. It is drawn on a 512 × 512 grid. Siemens Industrial Experience Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Siemens Industrial Experience Icons
- Author
- Siemens AG
- License
- MIT
- Size
- 512 × 512
- Tags
- soundloud
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" fill-rule="evenodd" d="m403.966 426.944l-33.285-26.63c74.193-81.075 74.193-205.015-.001-286.09l33.285-26.628c86.612 96.712 86.61 242.635.001 339.348M319.58 155.105l-33.324 26.659c39.795 42.568 39.794 108.444.001 151.012l33.324 26.658c52.205-58.22 52.205-146.109-.001-204.329m-85.163-69.772l-110.854 87.23H42.667v170.666h81.02l110.73 85.458zM85.334 215.229h53.02l53.396-42.021v168.646l-53.52-41.292H85.333z"/></svg>How to use the Sound Loud icon
React
import { Icon } from "@iconify/react";
<Icon icon="ix:sound-loud" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ix:sound-loud" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ix:sound-loud" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ix--sound-loud]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ix -->
<div class="i-ix:sound-loud"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ix:sound-loud"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/ix/sound-loud.svg" alt="Sound Loud icon" width="24" height="24">Related icons in Siemens Industrial Experience Icons
Sound Loud icon FAQ
Is the Sound Loud icon free for commercial use?
Yes. Siemens Industrial Experience Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Sound Loud icon in React?
Install @iconify/react and render <Icon icon="ix:sound-loud" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Sound Loud icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ix/sound-loud.svg" alt="Sound Loud icon">, or paste the SVG code inline to style it with CSS.