Mixcloud icon

fa:mixcloud

The Mixcloud icon (fa:mixcloud) is a free SVG icon from the Font Awesome 4 set by Dave Gandy. It is drawn on a 2304 × 1408 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 × 1408

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="2304" height="1408" viewBox="0 0 2304 1408"><path fill="currentColor" 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>

How to use the Mixcloud icon

React

import { Icon } from "@iconify/react";

<Icon icon="fa:mixcloud" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fa:mixcloud" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fa:mixcloud" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fa--mixcloud]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fa -->
<div class="i-fa:mixcloud"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fa:mixcloud"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/fa/mixcloud.svg" alt="Mixcloud icon" width="24" height="24">

Mixcloud icon in other icon sets

Mixcloud icon FAQ

Is the Mixcloud 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 Mixcloud icon in React?

Install @iconify/react and render <Icon icon="fa:mixcloud" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Mixcloud icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fa/mixcloud.svg" alt="Mixcloud icon">, or paste the SVG code inline to style it with CSS.

Browse all Font Awesome 4 icons →