Mixcloud icon
fa-brands:mixcloud
The Mixcloud icon (fa-brands:mixcloud) is a free SVG icon from the Font Awesome 5 Brands set by Dave Gandy. It is drawn on a 640 × 512 grid. Font Awesome 5 Brands icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Font Awesome 5 Brands
- Author
- Dave Gandy
- License
- CC-BY-4.0
- Size
- 640 × 512
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="512" viewBox="0 0 640 512"><path fill="currentColor" d="M424.43 219.729C416.124 134.727 344.135 68 256.919 68c-72.266 0-136.224 46.516-159.205 114.074c-54.545 8.029-96.63 54.822-96.63 111.582c0 62.298 50.668 112.966 113.243 112.966h289.614c52.329 0 94.969-42.362 94.969-94.693c0-45.131-32.118-83.063-74.48-92.2m-20.489 144.53H114.327c-39.04 0-70.881-31.564-70.881-70.604s31.841-70.604 70.881-70.604c18.827 0 36.548 7.475 49.838 20.766c19.963 19.963 50.133-10.227 30.18-30.18c-14.675-14.398-32.672-24.365-52.053-29.349c19.935-44.3 64.79-73.926 114.628-73.926c69.496 0 125.979 56.483 125.979 125.702c0 13.568-2.215 26.857-6.369 39.594c-8.943 27.517 32.133 38.939 40.147 13.29c2.769-8.306 4.984-16.889 6.369-25.472c19.381 7.476 33.502 26.303 33.502 48.453c0 28.795-23.535 52.33-52.607 52.33m235.069-52.33c0 44.024-12.737 86.386-37.102 122.657c-4.153 6.092-10.798 9.414-17.72 9.414c-16.317 0-27.127-18.826-17.443-32.949c19.381-29.349 29.903-63.682 29.903-99.122s-10.521-69.773-29.903-98.845c-15.655-22.831 19.361-47.24 35.163-23.534c24.366 35.993 37.102 78.356 37.102 122.379m-70.88 0c0 31.565-9.137 62.021-26.857 88.325c-4.153 6.091-10.798 9.136-17.72 9.136c-17.201 0-27.022-18.979-17.443-32.948c13.013-19.104 19.658-41.255 19.658-64.513c0-22.981-6.645-45.408-19.658-64.512c-15.761-22.986 19.008-47.095 35.163-23.535c17.719 26.026 26.857 56.483 26.857 88.047"/></svg>
How to use the Mixcloud icon
React
import { Icon } from "@iconify/react";
<Icon icon="fa-brands:mixcloud" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa-brands:mixcloud" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa-brands:mixcloud" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa-brands--mixcloud]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa-brands -->
<div class="i-fa-brands:mixcloud"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa-brands:mixcloud"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/fa-brands/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 5 Brands icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Mixcloud icon in React?
Install @iconify/react and render <Icon icon="fa-brands: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-brands/mixcloud.svg" alt="Mixcloud icon">, or paste the SVG code inline to style it with CSS.
Browse all Font Awesome 5 Brands icons →
ICONYZ
