mixcloud logo
mixcloud from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- mixcloud
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- License
- CC0 1.0
The same logo in other sets
Use the mixcloud logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M29.265 25.416c-.203 0-.411-.061-.593-.181c-.489-.333-.62-1-.297-1.48a8.8 8.8 0 0 0 1.5-4.957a8.83 8.83 0 0 0-1.5-4.959a1.067 1.067 0 0 1 .287-1.479a1.07 1.07 0 0 1 1.479.285a11.05 11.05 0 0 1 1.86 6.161c0 2.199-.64 4.339-1.86 6.157c-.181.323-.52.479-.859.479zm-3.052-1.723a1.05 1.05 0 0 1-.593-.188a1.04 1.04 0 0 1-.287-1.459a5.7 5.7 0 0 0 .995-3.24a5.84 5.84 0 0 0-.995-3.239a1.046 1.046 0 0 1 .287-1.464a1.06 1.06 0 0 1 1.473.303a7.9 7.9 0 0 1 1.365 4.416a7.8 7.8 0 0 1-1.365 4.423a1.02 1.02 0 0 1-.88.479zm-4.973-9.542c-.417-4.26-4.021-7.599-8.401-7.599a8.46 8.46 0 0 0-7.989 5.713c-2.729.401-4.849 2.761-4.849 5.599c0 3.125 2.547 5.672 5.683 5.672h14.541c2.62 0 4.755-2.124 4.755-4.739a4.75 4.75 0 0 0-3.739-4.641zm-1.016 7.265H5.683c-1.953 0-3.557-1.588-3.557-3.547a3.55 3.55 0 0 1 3.557-3.541c.948 0 1.844.38 2.515 1.041a1.056 1.056 0 0 0 1.5 0c.401-.4.401-1.083 0-1.5a5.7 5.7 0 0 0-2.619-1.484a6.3 6.3 0 0 1 5.739-3.697c3.48 0 6.323 2.839 6.323 6.317c0 .683-.104 1.344-.323 1.979c-.177.563.12 1.161.683 1.365a1 1 0 0 0 .317.057c.443 0 .86-.281 1-.719a7 7 0 0 0 .303-1.281a2.629 2.629 0 0 1-.943 5.078z"/></svg>
React
import type { SVGProps } from "react";
export function CibMixcloud(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M29.265 25.416c-.203 0-.411-.061-.593-.181c-.489-.333-.62-1-.297-1.48a8.8 8.8 0 0 0 1.5-4.957a8.83 8.83 0 0 0-1.5-4.959a1.067 1.067 0 0 1 .287-1.479a1.07 1.07 0 0 1 1.479.285a11.05 11.05 0 0 1 1.86 6.161c0 2.199-.64 4.339-1.86 6.157c-.181.323-.52.479-.859.479zm-3.052-1.723a1.05 1.05 0 0 1-.593-.188a1.04 1.04 0 0 1-.287-1.459a5.7 5.7 0 0 0 .995-3.24a5.84 5.84 0 0 0-.995-3.239a1.046 1.046 0 0 1 .287-1.464a1.06 1.06 0 0 1 1.473.303a7.9 7.9 0 0 1 1.365 4.416a7.8 7.8 0 0 1-1.365 4.423a1.02 1.02 0 0 1-.88.479zm-4.973-9.542c-.417-4.26-4.021-7.599-8.401-7.599a8.46 8.46 0 0 0-7.989 5.713c-2.729.401-4.849 2.761-4.849 5.599c0 3.125 2.547 5.672 5.683 5.672h14.541c2.62 0 4.755-2.124 4.755-4.739a4.75 4.75 0 0 0-3.739-4.641zm-1.016 7.265H5.683c-1.953 0-3.557-1.588-3.557-3.547a3.55 3.55 0 0 1 3.557-3.541c.948 0 1.844.38 2.515 1.041a1.056 1.056 0 0 0 1.5 0c.401-.4.401-1.083 0-1.5a5.7 5.7 0 0 0-2.619-1.484a6.3 6.3 0 0 1 5.739-3.697c3.48 0 6.323 2.839 6.323 6.317c0 .683-.104 1.344-.323 1.979c-.177.563.12 1.161.683 1.365a1 1 0 0 0 .317.057c.443 0 .86-.281 1-.719a7 7 0 0 0 .303-1.281a2.629 2.629 0 0 1-.943 5.078z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M29.265 25.416c-.203 0-.411-.061-.593-.181c-.489-.333-.62-1-.297-1.48a8.8 8.8 0 0 0 1.5-4.957a8.83 8.83 0 0 0-1.5-4.959a1.067 1.067 0 0 1 .287-1.479a1.07 1.07 0 0 1 1.479.285a11.05 11.05 0 0 1 1.86 6.161c0 2.199-.64 4.339-1.86 6.157c-.181.323-.52.479-.859.479zm-3.052-1.723a1.05 1.05 0 0 1-.593-.188a1.04 1.04 0 0 1-.287-1.459a5.7 5.7 0 0 0 .995-3.24a5.84 5.84 0 0 0-.995-3.239a1.046 1.046 0 0 1 .287-1.464a1.06 1.06 0 0 1 1.473.303a7.9 7.9 0 0 1 1.365 4.416a7.8 7.8 0 0 1-1.365 4.423a1.02 1.02 0 0 1-.88.479zm-4.973-9.542c-.417-4.26-4.021-7.599-8.401-7.599a8.46 8.46 0 0 0-7.989 5.713c-2.729.401-4.849 2.761-4.849 5.599c0 3.125 2.547 5.672 5.683 5.672h14.541c2.62 0 4.755-2.124 4.755-4.739a4.75 4.75 0 0 0-3.739-4.641zm-1.016 7.265H5.683c-1.953 0-3.557-1.588-3.557-3.547a3.55 3.55 0 0 1 3.557-3.541c.948 0 1.844.38 2.515 1.041a1.056 1.056 0 0 0 1.5 0c.401-.4.401-1.083 0-1.5a5.7 5.7 0 0 0-2.619-1.484a6.3 6.3 0 0 1 5.739-3.697c3.48 0 6.323 2.839 6.323 6.317c0 .683-.104 1.344-.323 1.979c-.177.563.12 1.161.683 1.365a1 1 0 0 0 .317.057c.443 0 .86-.281 1-.719a7 7 0 0 0 .303-1.281a2.629 2.629 0 0 1-.943 5.078z"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M29.265%2025.416c-.203%200-.411-.061-.593-.181c-.489-.333-.62-1-.297-1.48a8.8%208.8%200%200%200%201.5-4.957a8.83%208.83%200%200%200-1.5-4.959a1.067%201.067%200%200%201%20.287-1.479a1.07%201.07%200%200%201%201.479.285a11.05%2011.05%200%200%201%201.86%206.161c0%202.199-.64%204.339-1.86%206.157c-.181.323-.52.479-.859.479zm-3.052-1.723a1.05%201.05%200%200%201-.593-.188a1.04%201.04%200%200%201-.287-1.459a5.7%205.7%200%200%200%20.995-3.24a5.84%205.84%200%200%200-.995-3.239a1.046%201.046%200%200%201%20.287-1.464a1.06%201.06%200%200%201%201.473.303a7.9%207.9%200%200%201%201.365%204.416a7.8%207.8%200%200%201-1.365%204.423a1.02%201.02%200%200%201-.88.479zm-4.973-9.542c-.417-4.26-4.021-7.599-8.401-7.599a8.46%208.46%200%200%200-7.989%205.713c-2.729.401-4.849%202.761-4.849%205.599c0%203.125%202.547%205.672%205.683%205.672h14.541c2.62%200%204.755-2.124%204.755-4.739a4.75%204.75%200%200%200-3.739-4.641zm-1.016%207.265H5.683c-1.953%200-3.557-1.588-3.557-3.547a3.55%203.55%200%200%201%203.557-3.541c.948%200%201.844.38%202.515%201.041a1.056%201.056%200%200%200%201.5%200c.401-.4.401-1.083%200-1.5a5.7%205.7%200%200%200-2.619-1.484a6.3%206.3%200%200%201%205.739-3.697c3.48%200%206.323%202.839%206.323%206.317c0%20.683-.104%201.344-.323%201.979c-.177.563.12%201.161.683%201.365a1%201%200%200%200%20.317.057c.443%200%20.86-.281%201-.719a7%207%200%200%200%20.303-1.281a2.629%202.629%200%200%201-.943%205.078z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M29.265%2025.416c-.203%200-.411-.061-.593-.181c-.489-.333-.62-1-.297-1.48a8.8%208.8%200%200%200%201.5-4.957a8.83%208.83%200%200%200-1.5-4.959a1.067%201.067%200%200%201%20.287-1.479a1.07%201.07%200%200%201%201.479.285a11.05%2011.05%200%200%201%201.86%206.161c0%202.199-.64%204.339-1.86%206.157c-.181.323-.52.479-.859.479zm-3.052-1.723a1.05%201.05%200%200%201-.593-.188a1.04%201.04%200%200%201-.287-1.459a5.7%205.7%200%200%200%20.995-3.24a5.84%205.84%200%200%200-.995-3.239a1.046%201.046%200%200%201%20.287-1.464a1.06%201.06%200%200%201%201.473.303a7.9%207.9%200%200%201%201.365%204.416a7.8%207.8%200%200%201-1.365%204.423a1.02%201.02%200%200%201-.88.479zm-4.973-9.542c-.417-4.26-4.021-7.599-8.401-7.599a8.46%208.46%200%200%200-7.989%205.713c-2.729.401-4.849%202.761-4.849%205.599c0%203.125%202.547%205.672%205.683%205.672h14.541c2.62%200%204.755-2.124%204.755-4.739a4.75%204.75%200%200%200-3.739-4.641zm-1.016%207.265H5.683c-1.953%200-3.557-1.588-3.557-3.547a3.55%203.55%200%200%201%203.557-3.541c.948%200%201.844.38%202.515%201.041a1.056%201.056%200%200%200%201.5%200c.401-.4.401-1.083%200-1.5a5.7%205.7%200%200%200-2.619-1.484a6.3%206.3%200%200%201%205.739-3.697c3.48%200%206.323%202.839%206.323%206.317c0%20.683-.104%201.344-.323%201.979c-.177.563.12%201.161.683%201.365a1%201%200%200%200%20.317.057c.443%200%20.86-.281%201-.719a7%207%200%200%200%20.303-1.281a2.629%202.629%200%200%201-.943%205.078z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/mixcloud.svg?color=%231a73e8&size=48
