Soundcloud icon
fa:soundcloud
The Soundcloud icon (fa:soundcloud) is a free SVG icon from the Font Awesome 4 set by Dave Gandy. It is drawn on a 2304 × 1280 grid. Font Awesome 4 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
- Font Awesome 4
- Author
- Dave Gandy
- License
- OFL-1.1
- Size
- 2304 × 1280
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="2304" height="1280" viewBox="0 0 2304 1280"><path fill="currentColor" d="m784 1116l16-241l-16-523q-1-10-7.5-17t-16.5-7q-9 0-16 7t-7 17l-14 523l14 241q1 10 7.5 16.5t15.5 6.5q22 0 24-23m296-29l11-211l-12-586q0-16-13-24q-8-5-16-5t-16 5q-13 8-13 24l-1 6l-10 579q0 1 11 236v1q0 10 6 17q9 11 23 11q11 0 20-9q9-7 9-20zM35 747l20 128l-20 126q-2 9-9 9t-9-9L0 875l17-128q2-9 9-9t9 9m86-79l26 207l-26 203q-2 9-10 9q-9 0-9-10L79 875l23-207q0-9 9-9q8 0 10 9m92-38l25 245l-25 237q0 11-11 11q-10 0-12-11l-21-237l21-245q2-12 12-12q11 0 11 12m94-7l23 252l-23 244q-2 13-14 13q-13 0-13-13l-21-244l21-252q0-13 13-13q12 0 14 13m94 18l21 234l-21 246q-2 16-16 16q-6 0-10.5-4.5T370 1121l-20-246l20-234q0-6 4.5-10.5T385 626q14 0 16 15m94-146l21 380l-21 246q0 7-5 12.5t-12 5.5q-16 0-18-18l-18-246l18-380q2-18 18-18q7 0 12 5.5t5 12.5m94-86l19 468l-19 244q0 8-5.5 13.5T570 1140q-18 0-20-19l-16-244l16-468q2-19 20-19q8 0 13.5 5.5T589 409m98-40l18 506l-18 242q-2 21-22 21q-19 0-21-21l-16-242l16-506q0-9 6.5-15.5T665 347q9 0 15 6.5t7 15.5m194-4l15 510l-15 239q0 10-7.5 17.5T856 1139t-17-7t-8-18l-14-239l14-510q0-11 7.5-18t17.5-7t17.5 7t7.5 18m99 19l14 492l-14 236q0 11-8 19t-19 8t-19-8t-9-19l-12-236l12-492q1-12 9-20t19-8t18.5 8t8.5 20m212 492l-14 231q0 13-9 22t-22 9t-22-9t-10-22l-6-114l-6-117l12-636v-3q2-15 12-24q9-7 20-7q8 0 15 5q14 8 16 26zm1112-19q0 117-83 199.5t-200 82.5h-786q-13-2-22-11t-9-22V207q0-23 28-33q85-34 181-34q195 0 338 131.5T1911 595q53-22 110-22q117 0 200 83t83 201"/></svg>
How to use the Soundcloud icon
React
import { Icon } from "@iconify/react";
<Icon icon="fa:soundcloud" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa:soundcloud" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa:soundcloud" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa--soundcloud]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa -->
<div class="i-fa:soundcloud"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa:soundcloud"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/fa/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. Font Awesome 4 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="fa: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/fa/soundcloud.svg" alt="Soundcloud icon">, or paste the SVG code inline to style it with CSS.
Browse all Font Awesome 4 icons →
ICONYZ
