Soundcloud icon
el:soundcloud
The Soundcloud icon (el:soundcloud) is a free SVG icon from the Elusive Icons set by Team Redux. It is drawn on a 1200 × 1200 grid. Elusive Icons are released under the Open Font 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
- Elusive Icons
- Author
- Team Redux
- License
- OFL-1.1
- Size
- 1200 × 1200
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1200" viewBox="0 0 1200 1200"><path fill="currentColor" d="M728.819 340.654c-27.849.194-55.8 4.819-82.565 14.521c-5.576 2.089-14.611 5.147-18.573 14.222l1.22 479.957c2.367 5.222 5.485 8.119 10.692 9.98h426.733c69.749 1.225 124.104-58.435 132.901-131.101c7.534-78.68-40.545-149.141-124.909-161.362c-23.964-3.457-53.819-.022-78.102 9.568c-.812.363-1.046-.553-1.67-6.305c-5.993-52.697-28.083-99.161-63.58-142.807c-48.872-53.839-125.154-87.209-202.147-86.673m-132.206 35.101c-8.142 0-15.934 115.9-17.224 347.712c19.941 177.772 17.697 182.39 36.527 0c-2.673-231.824-11.163-347.715-19.303-347.712m-51.573 27.598c-8.141.253-15.758 107.207-16.716 320.115c19.939 177.772 17.695 182.39 36.526 0c-3.005-213.916-11.671-320.367-19.81-320.115m-149.638 33.075c-.061 0-.126 0-.188.023c-7.658 1.158-14.854 96.507-16.791 287.021c19.941 177.771 17.678 182.39 36.509 0c-3.669-190.688-11.805-286.699-19.53-287.04zm50.243 8.968c-7.892-.162-15.531 92.358-17.484 278.071c19.939 177.772 17.695 182.39 36.526 0c-3.006-185.063-11.15-277.909-19.042-278.071m-99.677 3.733c-8.223.087-15.67 91.61-15.965 274.339c19.94 177.772 17.678 182.39 36.508 0c-3.337-183.073-12.32-274.425-20.543-274.339m149.281 5.44a.5.5 0 0 0-.188.022c-8.058 1.247-15.532 92.121-16.49 268.88c19.94 177.771 17.695 182.39 36.526 0c-3.312-180.327-11.846-268.746-19.849-268.897zm-197.945 11.952c-7.084-.068-13.8 84.201-17.054 256.946c19.941 177.772 17.697 182.39 36.527 0c-4.7-169.796-12.278-256.879-19.473-256.946m-47.673 47.764c-6.73-.411-13.522 68.904-18.46 209.183c19.941 177.772 17.697 182.39 36.527 0c-4.663-138.633-11.336-208.772-18.067-209.183m-96.973 69.49c-3.985.808-7.915 44.779-16.678 133.558c18.855 175.808 16.734 180.374 34.539 0c-9.577-89.276-13.749-134.392-17.861-133.558m-48.084 3.64c-3.985.792-7.915 43.897-16.678 130.913c18.855 172.313 16.734 176.79 34.539 0c-9.427-86.158-13.621-130.354-17.672-130.913c-.066 0-.126-.023-.189 0m95.473 1.988c-4.215.809-8.367 44.8-17.635 133.577c19.941 175.807 17.697 180.372 36.527 0c-9.97-87.903-14.401-133.007-18.686-133.577c-.065 0-.139-.023-.206 0M57.821 610.96c-3.985.666-7.934 36.964-16.697 110.2c18.854 145.034 16.734 148.801 34.539 0c-9.427-72.516-13.603-109.729-17.654-110.2zM13.64 650.771c-3.258.428-6.474 23.76-13.639 70.877c15.415 93.307 13.679 95.729 28.235 0C20.408 674.266 17 650.327 13.64 650.771"/></svg>
How to use the Soundcloud icon
React
import { Icon } from "@iconify/react";
<Icon icon="el:soundcloud" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="el:soundcloud" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="el:soundcloud" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[el--soundcloud]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/el -->
<div class="i-el:soundcloud"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="el:soundcloud"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/el/soundcloud.svg" alt="Soundcloud icon" width="24" height="24">
Soundcloud icon in other icon sets
Soundcloud icon FAQ
Is the Soundcloud icon free for commercial use?
Yes. Elusive Icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Soundcloud icon in React?
Install @iconify/react and render <Icon icon="el:soundcloud" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Soundcloud icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/el/soundcloud.svg" alt="Soundcloud icon">, or paste the SVG code inline to style it with CSS.
Browse all Elusive Icons →
ICONYZ
