mixcloud icon
mixcloud from Material Design Icons by Pictogrammers · Filled · Apache-2.0 Free for personal and commercial use.
- Name
- mixcloud
- Set
- Material Design Icons
- Style
- Filled
- Viewbox
- 24×24
- License
- Apache 2.0
The same icon in other sets
Use the mixcloud icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M21.11 18.5c-.14 0-.28-.06-.4-.14a.74.74 0 0 1-.21-1.02c.68-1 1.04-2.18 1.04-3.41c0-1.22-.36-2.4-1.04-3.43a.72.72 0 0 1 .21-1c.33-.22.79-.13 1.01.2A7.545 7.545 0 0 1 23 13.93c0 1.52-.44 2.98-1.28 4.23c-.14.21-.37.34-.61.34M19 17.29c-.12 0-.26-.04-.39-.12a.734.734 0 0 1-.19-1.02c.44-.65.68-1.42.68-2.22c0-.79-.24-1.56-.68-2.22a.736.736 0 0 1 .19-1.02c.34-.22.79-.14 1.02.2a5.44 5.44 0 0 1 0 6.08c-.13.21-.38.32-.63.32m-4.1-1.56a1.8 1.8 0 0 0 .65-3.48c-.05.3-.12.6-.21.89c-.11.3-.39.5-.7.5c-.07 0-.14-.02-.23-.04a.734.734 0 0 1-.46-.93c.14-.43.22-.89.22-1.35C14.17 8.93 12.22 7 9.82 7C8.1 7 6.56 8 5.87 9.5c.67.2 1.29.54 1.79 1.04c.29.29.29.75 0 1.04c-.28.28-.75.28-1.03 0c-.46-.46-1.07-.72-1.73-.72a2.45 2.45 0 0 0-2.44 2.44c0 1.34 1.1 2.43 2.44 2.43h10m.7-4.98c1.46.32 2.57 1.62 2.57 3.18c0 1.8-1.47 3.26-3.27 3.26h-10c-2.15 0-3.9-1.74-3.9-3.89c0-1.96 1.45-3.57 3.33-3.85c.79-2.33 3-3.95 5.49-3.95c3.01 0 5.49 2.32 5.78 5.25z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function MdiMixcloud(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M21.11 18.5c-.14 0-.28-.06-.4-.14a.74.74 0 0 1-.21-1.02c.68-1 1.04-2.18 1.04-3.41c0-1.22-.36-2.4-1.04-3.43a.72.72 0 0 1 .21-1c.33-.22.79-.13 1.01.2A7.545 7.545 0 0 1 23 13.93c0 1.52-.44 2.98-1.28 4.23c-.14.21-.37.34-.61.34M19 17.29c-.12 0-.26-.04-.39-.12a.734.734 0 0 1-.19-1.02c.44-.65.68-1.42.68-2.22c0-.79-.24-1.56-.68-2.22a.736.736 0 0 1 .19-1.02c.34-.22.79-.14 1.02.2a5.44 5.44 0 0 1 0 6.08c-.13.21-.38.32-.63.32m-4.1-1.56a1.8 1.8 0 0 0 .65-3.48c-.05.3-.12.6-.21.89c-.11.3-.39.5-.7.5c-.07 0-.14-.02-.23-.04a.734.734 0 0 1-.46-.93c.14-.43.22-.89.22-1.35C14.17 8.93 12.22 7 9.82 7C8.1 7 6.56 8 5.87 9.5c.67.2 1.29.54 1.79 1.04c.29.29.29.75 0 1.04c-.28.28-.75.28-1.03 0c-.46-.46-1.07-.72-1.73-.72a2.45 2.45 0 0 0-2.44 2.44c0 1.34 1.1 2.43 2.44 2.43h10m.7-4.98c1.46.32 2.57 1.62 2.57 3.18c0 1.8-1.47 3.26-3.27 3.26h-10c-2.15 0-3.9-1.74-3.9-3.89c0-1.96 1.45-3.57 3.33-3.85c.79-2.33 3-3.95 5.49-3.95c3.01 0 5.49 2.32 5.78 5.25z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M21.11 18.5c-.14 0-.28-.06-.4-.14a.74.74 0 0 1-.21-1.02c.68-1 1.04-2.18 1.04-3.41c0-1.22-.36-2.4-1.04-3.43a.72.72 0 0 1 .21-1c.33-.22.79-.13 1.01.2A7.545 7.545 0 0 1 23 13.93c0 1.52-.44 2.98-1.28 4.23c-.14.21-.37.34-.61.34M19 17.29c-.12 0-.26-.04-.39-.12a.734.734 0 0 1-.19-1.02c.44-.65.68-1.42.68-2.22c0-.79-.24-1.56-.68-2.22a.736.736 0 0 1 .19-1.02c.34-.22.79-.14 1.02.2a5.44 5.44 0 0 1 0 6.08c-.13.21-.38.32-.63.32m-4.1-1.56a1.8 1.8 0 0 0 .65-3.48c-.05.3-.12.6-.21.89c-.11.3-.39.5-.7.5c-.07 0-.14-.02-.23-.04a.734.734 0 0 1-.46-.93c.14-.43.22-.89.22-1.35C14.17 8.93 12.22 7 9.82 7C8.1 7 6.56 8 5.87 9.5c.67.2 1.29.54 1.79 1.04c.29.29.29.75 0 1.04c-.28.28-.75.28-1.03 0c-.46-.46-1.07-.72-1.73-.72a2.45 2.45 0 0 0-2.44 2.44c0 1.34 1.1 2.43 2.44 2.43h10m.7-4.98c1.46.32 2.57 1.62 2.57 3.18c0 1.8-1.47 3.26-3.27 3.26h-10c-2.15 0-3.9-1.74-3.9-3.89c0-1.96 1.45-3.57 3.33-3.85c.79-2.33 3-3.95 5.49-3.95c3.01 0 5.49 2.32 5.78 5.25z" fill="currentColor"/></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%2024%2024%22%3E%3Cpath%20d%3D%22M21.11%2018.5c-.14%200-.28-.06-.4-.14a.74.74%200%200%201-.21-1.02c.68-1%201.04-2.18%201.04-3.41c0-1.22-.36-2.4-1.04-3.43a.72.72%200%200%201%20.21-1c.33-.22.79-.13%201.01.2A7.545%207.545%200%200%201%2023%2013.93c0%201.52-.44%202.98-1.28%204.23c-.14.21-.37.34-.61.34M19%2017.29c-.12%200-.26-.04-.39-.12a.734.734%200%200%201-.19-1.02c.44-.65.68-1.42.68-2.22c0-.79-.24-1.56-.68-2.22a.736.736%200%200%201%20.19-1.02c.34-.22.79-.14%201.02.2a5.44%205.44%200%200%201%200%206.08c-.13.21-.38.32-.63.32m-4.1-1.56a1.8%201.8%200%200%200%20.65-3.48c-.05.3-.12.6-.21.89c-.11.3-.39.5-.7.5c-.07%200-.14-.02-.23-.04a.734.734%200%200%201-.46-.93c.14-.43.22-.89.22-1.35C14.17%208.93%2012.22%207%209.82%207C8.1%207%206.56%208%205.87%209.5c.67.2%201.29.54%201.79%201.04c.29.29.29.75%200%201.04c-.28.28-.75.28-1.03%200c-.46-.46-1.07-.72-1.73-.72a2.45%202.45%200%200%200-2.44%202.44c0%201.34%201.1%202.43%202.44%202.43h10m.7-4.98c1.46.32%202.57%201.62%202.57%203.18c0%201.8-1.47%203.26-3.27%203.26h-10c-2.15%200-3.9-1.74-3.9-3.89c0-1.96%201.45-3.57%203.33-3.85c.79-2.33%203-3.95%205.49-3.95c3.01%200%205.49%202.32%205.78%205.25z%22%20fill%3D%22currentColor%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%2024%2024%22%3E%3Cpath%20d%3D%22M21.11%2018.5c-.14%200-.28-.06-.4-.14a.74.74%200%200%201-.21-1.02c.68-1%201.04-2.18%201.04-3.41c0-1.22-.36-2.4-1.04-3.43a.72.72%200%200%201%20.21-1c.33-.22.79-.13%201.01.2A7.545%207.545%200%200%201%2023%2013.93c0%201.52-.44%202.98-1.28%204.23c-.14.21-.37.34-.61.34M19%2017.29c-.12%200-.26-.04-.39-.12a.734.734%200%200%201-.19-1.02c.44-.65.68-1.42.68-2.22c0-.79-.24-1.56-.68-2.22a.736.736%200%200%201%20.19-1.02c.34-.22.79-.14%201.02.2a5.44%205.44%200%200%201%200%206.08c-.13.21-.38.32-.63.32m-4.1-1.56a1.8%201.8%200%200%200%20.65-3.48c-.05.3-.12.6-.21.89c-.11.3-.39.5-.7.5c-.07%200-.14-.02-.23-.04a.734.734%200%200%201-.46-.93c.14-.43.22-.89.22-1.35C14.17%208.93%2012.22%207%209.82%207C8.1%207%206.56%208%205.87%209.5c.67.2%201.29.54%201.79%201.04c.29.29.29.75%200%201.04c-.28.28-.75.28-1.03%200c-.46-.46-1.07-.72-1.73-.72a2.45%202.45%200%200%200-2.44%202.44c0%201.34%201.1%202.43%202.44%202.43h10m.7-4.98c1.46.32%202.57%201.62%202.57%203.18c0%201.8-1.47%203.26-3.27%203.26h-10c-2.15%200-3.9-1.74-3.9-3.89c0-1.96%201.45-3.57%203.33-3.85c.79-2.33%203-3.95%205.49-3.95c3.01%200%205.49%202.32%205.78%205.25z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/mixcloud.svg?color=%231a73e8&size=48
