IconSearch logoIconsearch
Home/Libraries/Fontisto (Iconify)/soundcloud
← Back to Search
Fontisto (Iconify)

Soundcloud

License: MITCommercial Safe


<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 31 24"><path fill="#818cf8" d="m11.408 18.708l.209-3.138l-.209-6.81a.37.37 0 0 0-.097-.221a.28.28 0 0 0-.207-.091h-.01a.28.28 0 0 0-.209.091a.3.3 0 0 0-.085.21v.011v-.001l-.182 6.81l.182 3.138a.34.34 0 0 0 .097.215c.05.053.122.086.201.086h.001a.286.286 0 0 0 .315-.285l-.001-.018v.001zm3.855-.378l.143-2.747l-.156-7.63v-.016a.34.34 0 0 0-.168-.295l-.002-.001a.36.36 0 0 0-.417.001l.001-.001a.35.35 0 0 0-.17.296v.017v-.001l-.013.078l-.131 7.54l.143 3.073v.021c0 .081.03.156.078.213a.37.37 0 0 0 .292.143h.009a.36.36 0 0 0 .26-.12a.3.3 0 0 0 .12-.246v-.016v.001zM1.656 13.903l.264 1.667l-.264 1.64q-.026.12-.12.12t-.12-.12L1.2 15.57l.221-1.667q.026-.12.12-.12t.115.12m1.12-1.028l.338 2.695l-.338 2.64a.127.127 0 0 1-.127.12h-.004q-.12 0-.12-.13l-.3-2.63l.3-2.695a.103.103 0 0 1 .101-.121l.019.002h-.001h.004c.068 0 .123.053.127.12zm1.197-.496l.325 3.19l-.325 3.086l.001.017c0 .07-.057.127-.127.127l-.017-.001h.001h-.007a.15.15 0 0 1-.149-.143l-.274-3.086l.274-3.19q.026-.156.156-.156t.143.157zm1.224-.091l.3 3.281l-.3 3.178a.174.174 0 0 1-.174.169h-.009l-.021.001a.15.15 0 0 1-.15-.15l.002-.021v.001l-.274-3.178l.274-3.281l-.001-.021a.15.15 0 0 1 .15-.15l.021.002h-.001h.008c.094 0 .171.075.174.169zm1.224.24l.274 3.047l-.274 3.203q-.026.209-.209.209h-.001a.2.2 0 0 1-.136-.059a.2.2 0 0 1-.059-.143v-.007l-.257-3.208l.26-3.047a.2.2 0 0 1 .195-.196l.014-.001c.107 0 .194.087.194.194v.002zm1.224-1.906l.274 4.948l-.274 3.203a.24.24 0 0 1-.065.163a.2.2 0 0 1-.156.072q-.209 0-.24-.24l-.24-3.203l.24-4.948q.026-.24.24-.24c.062 0 .118.028.155.072c.04.043.065.101.065.164zm1.224-1.119L9.12 15.6l-.247 3.178a.255.255 0 0 1-.508.001v-.001L8.153 15.6l.209-6.094l-.001-.017a.254.254 0 1 1 .508 0l-.001.018v-.001zm1.276-.521l.24 6.588l-.24 3.151v.012a.263.263 0 0 1-.263.263l-.025-.001h.001q-.247 0-.274-.274l-.209-3.151l.209-6.588V8.98c0-.078.033-.149.085-.199a.26.26 0 0 1 .188-.086h.005c.076 0 .144.033.191.086c.05.053.083.123.091.2zm2.527-.053l.196 6.641l-.196 3.112a.333.333 0 0 1-.325.325h-.005a.3.3 0 0 1-.216-.091a.36.36 0 0 1-.104-.239v-.001l-.182-3.112l.182-6.641v-.016c0-.088.037-.168.097-.224a.33.33 0 0 1 .228-.091a.326.326 0 0 1 .326.316v.017v-.001zm1.289.247l.182 6.407l-.182 3.073v.001a.35.35 0 0 1-.6.246a.4.4 0 0 1-.12-.246v-.002l-.156-3.073l.156-6.407a.4.4 0 0 1 .12-.26a.34.34 0 0 1 .244-.104h.008c.093 0 .177.04.235.104a.4.4 0 0 1 .11.259v.001zm2.76 6.407l-.182 3.008a.404.404 0 0 1-.69.286a.44.44 0 0 1-.131-.286v-.001l-.078-1.484l-.078-1.524l.156-8.28v-.04a.5.5 0 0 1 .156-.312a.4.4 0 0 1 .259-.091h.001q.113.002.196.065l-.001-.001c.119.07.2.194.209.337v.001zm14.479-.247a3.68 3.68 0 0 1-3.679 3.672h-10.24a.5.5 0 0 1-.287-.143a.4.4 0 0 1-.12-.282V6.872q0-.3.36-.43a6.4 6.4 0 0 1 2.365-.445c1.7 0 3.247.652 4.406 1.719L24 7.712a6.28 6.28 0 0 1 2.082 4.188l.001.022a3.69 3.69 0 0 1 5.117 3.403v.009z"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard
Dashboard
Analytics
Settings

Overview Dashboard

PROGRESS STEPPER

3

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px
16px
24px
32px
48px

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. SoundcloudIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.

Related Icons in Fontisto (Iconify)

Browse all Fontisto (Iconify) icons →
500px
500px
acrobat-reader
acrobat-reader
adjust
adjust
adobe
adobe
aids
aids
airplay
airplay
algolia
algolia
amazon
amazon
ambulance
ambulance
american-express
american-express
american-sign-language-interpreting
american-sign-language-interpreting
ampproject
ampproject