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

Font Awesome 4 (Iconify)

Mixcloud

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 1408"><path fill="#818cf8" d="M1645 906q0-59-34-106.5t-87-68.5q-7 45-23 92q-7 24-27.5 38t-44.5 14q-12 0-24-3q-31-10-45-38.5t-4-58.5q23-71 23-143q0-123-61-227.5T1152 239t-228-61q-134 0-247 73T510 445q108 28 188 106q22 23 22 55t-22 54t-54 22t-55-22q-75-75-180-75q-106 0-181 74.5T153 840t75 180.5t181 74.5h1046q79 0 134.5-55.5T1645 906m153 0q0 142-100.5 242T1455 1248H409q-169 0-289-119.5T0 840q0-153 100-267t249-136q62-184 221-298T924 25q235 0 408.5 158.5T1529 573q116 25 192.5 118.5T1798 906m250 0q0 175-97 319q-23 33-64 33q-24 0-43-13q-26-17-32-48.5t12-57.5q71-104 71-233t-71-233q-18-26-12-57t32-49t57.5-11.5T1951 588q97 142 97 318m256 0q0 244-134 443q-23 34-64 34q-23 0-42-13q-26-18-32.5-49t11.5-57q108-164 108-358q0-195-108-357q-18-26-11.5-57.5T2064 443q26-18 57-12t49 33q134 198 134 442"/></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. MixcloudIcon.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.