mixcloud logo

mixcloud from Font Awesome Brands by Dave Gandy · Brand · CC-BY-4.0 Attribution required.

Name: mixcloud
Set: Font Awesome Brands
Style: Brand
Viewbox: 640×640
License: CC BY 4.0

The same logo in other sets

mixcloudCoreUI Brands mixcloudFont Awesome 6 Brands mixcloudLine Awesome mixcloudMaterial Design Icons mixcloudSimple Icons

Use the mixcloud logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M213 410.6h-33.2V259.1l6.2-21.6h-10.7l-38.1 173.1h-61L37.8 237.5H27.3l5.9 21.6v151.5H0V229h65.7l36.6 173.1h8.5L147.4 229h65.7v181.6zm331.5-63l-86 62.1v-38.1l72.9-51.8l-72.9-51.8v-38.1l86 62.3h9.3l86.3-62.3V268L567 319.8l73.1 51.8v38.1l-86.3-62.1zm-114.3-11.3h-182v-33.1h182z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7BrandsMixcloud(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M213 410.6h-33.2V259.1l6.2-21.6h-10.7l-38.1 173.1h-61L37.8 237.5H27.3l5.9 21.6v151.5H0V229h65.7l36.6 173.1h8.5L147.4 229h65.7v181.6zm331.5-63l-86 62.1v-38.1l72.9-51.8l-72.9-51.8v-38.1l86 62.3h9.3l86.3-62.3V268L567 319.8l73.1 51.8v38.1l-86.3-62.1zm-114.3-11.3h-182v-33.1h182z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M213 410.6h-33.2V259.1l6.2-21.6h-10.7l-38.1 173.1h-61L37.8 237.5H27.3l5.9 21.6v151.5H0V229h65.7l36.6 173.1h8.5L147.4 229h65.7v181.6zm331.5-63l-86 62.1v-38.1l72.9-51.8l-72.9-51.8v-38.1l86 62.3h9.3l86.3-62.3V268L567 319.8l73.1 51.8v38.1l-86.3-62.1zm-114.3-11.3h-182v-33.1h182z"/></svg>
</template>

CSS

.icon-mixcloud {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M213%20410.6h-33.2V259.1l6.2-21.6h-10.7l-38.1%20173.1h-61L37.8%20237.5H27.3l5.9%2021.6v151.5H0V229h65.7l36.6%20173.1h8.5L147.4%20229h65.7v181.6zm331.5-63l-86%2062.1v-38.1l72.9-51.8l-72.9-51.8v-38.1l86%2062.3h9.3l86.3-62.3V268L567%20319.8l73.1%2051.8v38.1l-86.3-62.1zm-114.3-11.3h-182v-33.1h182z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M213%20410.6h-33.2V259.1l6.2-21.6h-10.7l-38.1%20173.1h-61L37.8%20237.5H27.3l5.9%2021.6v151.5H0V229h65.7l36.6%20173.1h8.5L147.4%20229h65.7v181.6zm331.5-63l-86%2062.1v-38.1l72.9-51.8l-72.9-51.8v-38.1l86%2062.3h9.3l86.3-62.3V268L567%20319.8l73.1%2051.8v38.1l-86.3-62.1zm-114.3-11.3h-182v-33.1h182z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-brands/mixcloud.svg?color=%231a73e8&size=48