mixcloud icon
mixcloud from Line Awesome by Icons8 · Line · Other · Apache-2.0 Free for personal and commercial use.
- Name
- mixcloud
- Set
- Line Awesome
- Style
- Line
- Category
- Other
- Viewbox
- 32×32
- License
- Apache 2.0
The same icon in other sets
More other icons from Line Awesome
Use the mixcloud icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M12.846 6a8.46 8.46 0 0 0-7.99 5.723C2.112 12.123 0 14.474 0 17.326C0 20.448 2.543 23 5.688 23h14.546C22.856 23 25 20.868 25 18.246a4.756 4.756 0 0 0-3.734-4.633C20.845 9.351 17.232 6 12.846 6m.004 2c3.535 0 6.402 2.898 6.402 6.44c0 .693-.111 1.378-.324 2.03c-.456 1.409 1.642 1.99 2.047.673c.142-.418.253-.856.324-1.295A2.65 2.65 0 0 1 23 18.326A2.677 2.677 0 0 1 20.326 21H5.606A3.61 3.61 0 0 1 2 17.389c0-2 1.62-3.614 3.605-3.614c.952 0 1.855.38 2.534 1.063c1.013 1.02 2.554-.522 1.53-1.553a5.8 5.8 0 0 0-2.644-1.5A6.41 6.41 0 0 1 12.85 8m16.619 4.008c-.777-.103-1.603.783-1.022 1.629a8.8 8.8 0 0 1 1.473 4.867a8.86 8.86 0 0 1-1.473 4.877c-.48.697.049 1.619.854 1.619c.344 0 .669-.167.875-.46A10.8 10.8 0 0 0 32 18.503c0-2.17-.628-4.26-1.826-6.025c-.194-.292-.446-.437-.705-.471zM26.477 13.7c-.782-.102-1.603.776-1.022 1.623c.647.942.97 2.042.97 3.18a5.54 5.54 0 0 1-.97 3.17c-.47.687.02 1.619.863 1.619c.343 0 .667-.147.873-.441a7.73 7.73 0 0 0 1.317-4.348c0-1.56-.444-3.061-1.317-4.336c-.198-.29-.454-.433-.714-.467"/></svg>
React
import type { SVGProps } from "react";
export function LaMixcloud(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="M12.846 6a8.46 8.46 0 0 0-7.99 5.723C2.112 12.123 0 14.474 0 17.326C0 20.448 2.543 23 5.688 23h14.546C22.856 23 25 20.868 25 18.246a4.756 4.756 0 0 0-3.734-4.633C20.845 9.351 17.232 6 12.846 6m.004 2c3.535 0 6.402 2.898 6.402 6.44c0 .693-.111 1.378-.324 2.03c-.456 1.409 1.642 1.99 2.047.673c.142-.418.253-.856.324-1.295A2.65 2.65 0 0 1 23 18.326A2.677 2.677 0 0 1 20.326 21H5.606A3.61 3.61 0 0 1 2 17.389c0-2 1.62-3.614 3.605-3.614c.952 0 1.855.38 2.534 1.063c1.013 1.02 2.554-.522 1.53-1.553a5.8 5.8 0 0 0-2.644-1.5A6.41 6.41 0 0 1 12.85 8m16.619 4.008c-.777-.103-1.603.783-1.022 1.629a8.8 8.8 0 0 1 1.473 4.867a8.86 8.86 0 0 1-1.473 4.877c-.48.697.049 1.619.854 1.619c.344 0 .669-.167.875-.46A10.8 10.8 0 0 0 32 18.503c0-2.17-.628-4.26-1.826-6.025c-.194-.292-.446-.437-.705-.471zM26.477 13.7c-.782-.102-1.603.776-1.022 1.623c.647.942.97 2.042.97 3.18a5.54 5.54 0 0 1-.97 3.17c-.47.687.02 1.619.863 1.619c.343 0 .667-.147.873-.441a7.73 7.73 0 0 0 1.317-4.348c0-1.56-.444-3.061-1.317-4.336c-.198-.29-.454-.433-.714-.467"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M12.846 6a8.46 8.46 0 0 0-7.99 5.723C2.112 12.123 0 14.474 0 17.326C0 20.448 2.543 23 5.688 23h14.546C22.856 23 25 20.868 25 18.246a4.756 4.756 0 0 0-3.734-4.633C20.845 9.351 17.232 6 12.846 6m.004 2c3.535 0 6.402 2.898 6.402 6.44c0 .693-.111 1.378-.324 2.03c-.456 1.409 1.642 1.99 2.047.673c.142-.418.253-.856.324-1.295A2.65 2.65 0 0 1 23 18.326A2.677 2.677 0 0 1 20.326 21H5.606A3.61 3.61 0 0 1 2 17.389c0-2 1.62-3.614 3.605-3.614c.952 0 1.855.38 2.534 1.063c1.013 1.02 2.554-.522 1.53-1.553a5.8 5.8 0 0 0-2.644-1.5A6.41 6.41 0 0 1 12.85 8m16.619 4.008c-.777-.103-1.603.783-1.022 1.629a8.8 8.8 0 0 1 1.473 4.867a8.86 8.86 0 0 1-1.473 4.877c-.48.697.049 1.619.854 1.619c.344 0 .669-.167.875-.46A10.8 10.8 0 0 0 32 18.503c0-2.17-.628-4.26-1.826-6.025c-.194-.292-.446-.437-.705-.471zM26.477 13.7c-.782-.102-1.603.776-1.022 1.623c.647.942.97 2.042.97 3.18a5.54 5.54 0 0 1-.97 3.17c-.47.687.02 1.619.863 1.619c.343 0 .667-.147.873-.441a7.73 7.73 0 0 0 1.317-4.348c0-1.56-.444-3.061-1.317-4.336c-.198-.29-.454-.433-.714-.467"/></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%22M12.846%206a8.46%208.46%200%200%200-7.99%205.723C2.112%2012.123%200%2014.474%200%2017.326C0%2020.448%202.543%2023%205.688%2023h14.546C22.856%2023%2025%2020.868%2025%2018.246a4.756%204.756%200%200%200-3.734-4.633C20.845%209.351%2017.232%206%2012.846%206m.004%202c3.535%200%206.402%202.898%206.402%206.44c0%20.693-.111%201.378-.324%202.03c-.456%201.409%201.642%201.99%202.047.673c.142-.418.253-.856.324-1.295A2.65%202.65%200%200%201%2023%2018.326A2.677%202.677%200%200%201%2020.326%2021H5.606A3.61%203.61%200%200%201%202%2017.389c0-2%201.62-3.614%203.605-3.614c.952%200%201.855.38%202.534%201.063c1.013%201.02%202.554-.522%201.53-1.553a5.8%205.8%200%200%200-2.644-1.5A6.41%206.41%200%200%201%2012.85%208m16.619%204.008c-.777-.103-1.603.783-1.022%201.629a8.8%208.8%200%200%201%201.473%204.867a8.86%208.86%200%200%201-1.473%204.877c-.48.697.049%201.619.854%201.619c.344%200%20.669-.167.875-.46A10.8%2010.8%200%200%200%2032%2018.503c0-2.17-.628-4.26-1.826-6.025c-.194-.292-.446-.437-.705-.471zM26.477%2013.7c-.782-.102-1.603.776-1.022%201.623c.647.942.97%202.042.97%203.18a5.54%205.54%200%200%201-.97%203.17c-.47.687.02%201.619.863%201.619c.343%200%20.667-.147.873-.441a7.73%207.73%200%200%200%201.317-4.348c0-1.56-.444-3.061-1.317-4.336c-.198-.29-.454-.433-.714-.467%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%22M12.846%206a8.46%208.46%200%200%200-7.99%205.723C2.112%2012.123%200%2014.474%200%2017.326C0%2020.448%202.543%2023%205.688%2023h14.546C22.856%2023%2025%2020.868%2025%2018.246a4.756%204.756%200%200%200-3.734-4.633C20.845%209.351%2017.232%206%2012.846%206m.004%202c3.535%200%206.402%202.898%206.402%206.44c0%20.693-.111%201.378-.324%202.03c-.456%201.409%201.642%201.99%202.047.673c.142-.418.253-.856.324-1.295A2.65%202.65%200%200%201%2023%2018.326A2.677%202.677%200%200%201%2020.326%2021H5.606A3.61%203.61%200%200%201%202%2017.389c0-2%201.62-3.614%203.605-3.614c.952%200%201.855.38%202.534%201.063c1.013%201.02%202.554-.522%201.53-1.553a5.8%205.8%200%200%200-2.644-1.5A6.41%206.41%200%200%201%2012.85%208m16.619%204.008c-.777-.103-1.603.783-1.022%201.629a8.8%208.8%200%200%201%201.473%204.867a8.86%208.86%200%200%201-1.473%204.877c-.48.697.049%201.619.854%201.619c.344%200%20.669-.167.875-.46A10.8%2010.8%200%200%200%2032%2018.503c0-2.17-.628-4.26-1.826-6.025c-.194-.292-.446-.437-.705-.471zM26.477%2013.7c-.782-.102-1.603.776-1.022%201.623c.647.942.97%202.042.97%203.18a5.54%205.54%200%200%201-.97%203.17c-.47.687.02%201.619.863%201.619c.343%200%20.667-.147.873-.441a7.73%207.73%200%200%200%201.317-4.348c0-1.56-.444-3.061-1.317-4.336c-.198-.29-.454-.433-.714-.467%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/mixcloud.svg?color=%231a73e8&size=48
