Soundcloud icon
ls:soundcloud
The Soundcloud icon (ls:soundcloud) is a free SVG icon from the Ligature Symbols set by Kazuyuki Motoyama. It is drawn on a 1085 × 614 grid. Ligature Symbols 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
- Ligature Symbols
- Author
- Kazuyuki Motoyama
- License
- OFL-1.1
- Size
- 1085 × 614
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1085" height="614" viewBox="0 0 1085 614"><path fill="currentColor" d="M900 333c-8-69-36-116-77-153c-38-35-93-65-168-61c-17 1-33 3-49 7c-10 3-33 9-37 17c-3 5-2 16-2 26v364c0 16-3 45 5 52c5 7 18 5 32 5h335c42 0 70-9 94-28c23-17 40-42 48-73c9-36 1-73-14-99c-29-49-92-84-167-57M539 151c-16 1-14 16-14 34c-2 29-1 59-2 85c-2 54 0 114-3 169c-1 38 2 71 4 110c1 19-1 41 17 40c16-1 14-17 15-34c2-31 5-63 5-92c1-50-3-103-3-153c0-37-1-77-3-115c-1-22 3-46-16-44m-47 26c-14 2-11 16-11 33c-1 26-2 56-2 79c0 35 0 67-2 105c-2 54 0 103 2 156c1 19 0 39 14 40c19 1 16-22 16-41c3-52 6-103 4-156c-3-51-1-106-4-159c0-10 2-44-2-51c-4-6-12-7-15-6m-136 31c-11 2-9 18-9 33c0 55-3 105-5 159c-1 23-2 45-2 64c1 31 5 69 7 101c0 11 0 25 11 25c14 0 12-23 13-37q1.5-25.5 3-48c5-64-1-128-2-195c0-26-2-47-2-74c0-16-1-30-14-28m44 6c-11 3-9 20-9 35c0 33-2 60-3 93c-1 40-3 86-3 122c0 30 4 70 6 102c1 13 1 23 12 23c13 1 12-13 13-25c3-34 6-67 6-99c1-19 0-41-1-62c-2-52-3-102-5-156c-1-19 2-37-16-33m-88 3c-11 2-9 14-9 27c-1 24-2 51-2 72c-2 62-7 128-2 190c0 13 2 28 3 45c1 15-2 39 12 38c10 0 10-13 11-24c2-34 6-67 7-99c1-20-1-41-2-62c-2-50-3-102-5-154c-1-15 1-35-13-33m133 5c-11 3-9 15-10 29c-1 87-7 174-2 259c0 13 1 29 2 46c1 16-1 35 15 34c9-1 12-10 13-23c1-35 5-71 5-103c0-38-2-80-3-121c-1-28-2-62-3-91c-1-11 1-23-4-27c-3-4-11-5-13-3m-178 15c-8 1-7 9-7 20c-2 59-4 104-6 162c-1 15-2 31-2 45c1 32 4 57 6 89c1 13-1 37 12 37c10-1 9-16 9-26c3-34 8-67 8-100c0-17-1-37-2-56c-2-48-4-95-6-143c0-12 1-31-12-28m-43 41c-10 2-8 27-9 40c-2 45-3 75-5 120c-2 42 2 79 5 119c1 13 0 32 10 32c10 1 9-16 10-26c1-13 2-23 2-33c2-23 6-45 6-65c0-12-2-30-3-46c-2-41-4-77-6-116c-1-13 1-26-10-25m-81 64c-2-1-7-3-8 0c-5 2-4 20-5 30c-1 11-2 22-3 31c-1 21-5 41-5 63c0 20 3 42 5 63c1 9 2 20 3 31c1 8 0 27 9 26c7 0 7-17 7-26c1-12 2-22 3-32c2-20 6-43 7-62c0-11-2-21-3-32c-2-21-4-42-6-62c-1-11-1-21-4-30m-50 3c-5 2-5 22-5 30c-1 11-2 21-3 31c-2 20-6 39-5 61c0 28 5 60 8 90c1 7-1 26 8 25c6-1 6-17 7-26c1-12 2-22 3-31c2-20 6-39 6-60c0-22-4-40-6-61c-1-10-2-19-3-31c-1-9 0-32-10-28m87 3c-8 2-7 17-8 27c0 11-1 22-2 31c-1 21-5 38-5 60c0 20 3 41 5 63c1 10 2 20 2 33c1 10 1 25 8 26c10 1 9-13 11-25c2-25 3-43 5-65c1-11 3-21 3-33c0-19-4-38-6-57c-1-9-1-19-2-30s0-32-11-30M49 365c-3 16-4 33-6 50s-6 34-6 51c1 16 4 35 6 52c1 7 2 15 3 25c1 6 1 22 7 22c3 0 4-2 5-9c3-23 5-43 8-64c1-9 3-17 3-26s-2-18-3-27c-3-18-4-33-7-52c-1-8 0-29-10-22m-34 37c-2-1-6-2-6 1c-2 8-4 20-5 31c-1 10-4 22-4 32c0 9 3 22 5 33c0 4 1 10 2 17c1 5 1 13 6 13c6-1 7-23 8-30c2-11 5-24 5-33c0-11-3-22-5-33s-2-22-6-31"/></svg>
How to use the Soundcloud icon
React
import { Icon } from "@iconify/react";
<Icon icon="ls:soundcloud" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ls:soundcloud" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ls:soundcloud" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ls--soundcloud]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ls -->
<div class="i-ls:soundcloud"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ls:soundcloud"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/ls/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. Ligature Symbols 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="ls: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/ls/soundcloud.svg" alt="Soundcloud icon">, or paste the SVG code inline to style it with CSS.
Browse all Ligature Symbols icons →
ICONYZ
