Home/Libraries/Font Awesome 4 (Iconify)/soundcloud

Font Awesome 4 (Iconify)

Soundcloud

License: OFL-1.1

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 2304 1280"><path fill="#818cf8" 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>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

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 **OFL-1.1** 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.