soundcloud logo
soundcloud from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- soundcloud
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the soundcloud logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M23.999 14.165c-.052 1.796-1.612 3.169-3.4 3.169h-8.18a.68.68 0 0 1-.675-.683V7.862a.75.75 0 0 1 .452-.724s.75-.513 2.333-.513a5.36 5.36 0 0 1 2.763.755a5.43 5.43 0 0 1 2.57 3.54c.282-.08.574-.121.868-.12c.884 0 1.73.358 2.347.992s.948 1.49.922 2.373M10.721 8.421c.247 2.98.427 5.697 0 8.672a.264.264 0 0 1-.53 0c-.395-2.946-.22-5.718 0-8.672a.264.264 0 0 1 .53 0M9.072 9.448c.285 2.659.37 4.986-.006 7.655a.277.277 0 0 1-.55 0c-.331-2.63-.256-5.02 0-7.655a.277.277 0 0 1 .556 0m-1.663-.257c.27 2.726.39 5.171 0 7.904a.266.266 0 0 1-.532 0c-.38-2.69-.257-5.21 0-7.904a.266.266 0 0 1 .532 0m-1.647.77a26 26 0 0 1-.008 7.147a.272.272 0 0 1-.542 0a28 28 0 0 1 0-7.147a.275.275 0 0 1 .55 0m-1.67 1.769c.421 1.865.228 3.5-.029 5.388a.257.257 0 0 1-.514 0c-.21-1.858-.398-3.549 0-5.389a.272.272 0 0 1 .543 0Zm-1.655-.273c.388 1.897.26 3.508-.01 5.412c-.026.28-.514.283-.54 0c-.244-1.878-.347-3.54-.01-5.412a.283.283 0 0 1 .56 0m-1.668.911c.4 1.268.257 2.292-.026 3.572a.257.257 0 0 1-.514 0c-.241-1.262-.354-2.312-.023-3.572a.283.283 0 0 1 .563 0"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsSoundcloud(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M23.999 14.165c-.052 1.796-1.612 3.169-3.4 3.169h-8.18a.68.68 0 0 1-.675-.683V7.862a.75.75 0 0 1 .452-.724s.75-.513 2.333-.513a5.36 5.36 0 0 1 2.763.755a5.43 5.43 0 0 1 2.57 3.54c.282-.08.574-.121.868-.12c.884 0 1.73.358 2.347.992s.948 1.49.922 2.373M10.721 8.421c.247 2.98.427 5.697 0 8.672a.264.264 0 0 1-.53 0c-.395-2.946-.22-5.718 0-8.672a.264.264 0 0 1 .53 0M9.072 9.448c.285 2.659.37 4.986-.006 7.655a.277.277 0 0 1-.55 0c-.331-2.63-.256-5.02 0-7.655a.277.277 0 0 1 .556 0m-1.663-.257c.27 2.726.39 5.171 0 7.904a.266.266 0 0 1-.532 0c-.38-2.69-.257-5.21 0-7.904a.266.266 0 0 1 .532 0m-1.647.77a26 26 0 0 1-.008 7.147a.272.272 0 0 1-.542 0a28 28 0 0 1 0-7.147a.275.275 0 0 1 .55 0m-1.67 1.769c.421 1.865.228 3.5-.029 5.388a.257.257 0 0 1-.514 0c-.21-1.858-.398-3.549 0-5.389a.272.272 0 0 1 .543 0Zm-1.655-.273c.388 1.897.26 3.508-.01 5.412c-.026.28-.514.283-.54 0c-.244-1.878-.347-3.54-.01-5.412a.283.283 0 0 1 .56 0m-1.668.911c.4 1.268.257 2.292-.026 3.572a.257.257 0 0 1-.514 0c-.241-1.262-.354-2.312-.023-3.572a.283.283 0 0 1 .563 0"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M23.999 14.165c-.052 1.796-1.612 3.169-3.4 3.169h-8.18a.68.68 0 0 1-.675-.683V7.862a.75.75 0 0 1 .452-.724s.75-.513 2.333-.513a5.36 5.36 0 0 1 2.763.755a5.43 5.43 0 0 1 2.57 3.54c.282-.08.574-.121.868-.12c.884 0 1.73.358 2.347.992s.948 1.49.922 2.373M10.721 8.421c.247 2.98.427 5.697 0 8.672a.264.264 0 0 1-.53 0c-.395-2.946-.22-5.718 0-8.672a.264.264 0 0 1 .53 0M9.072 9.448c.285 2.659.37 4.986-.006 7.655a.277.277 0 0 1-.55 0c-.331-2.63-.256-5.02 0-7.655a.277.277 0 0 1 .556 0m-1.663-.257c.27 2.726.39 5.171 0 7.904a.266.266 0 0 1-.532 0c-.38-2.69-.257-5.21 0-7.904a.266.266 0 0 1 .532 0m-1.647.77a26 26 0 0 1-.008 7.147a.272.272 0 0 1-.542 0a28 28 0 0 1 0-7.147a.275.275 0 0 1 .55 0m-1.67 1.769c.421 1.865.228 3.5-.029 5.388a.257.257 0 0 1-.514 0c-.21-1.858-.398-3.549 0-5.389a.272.272 0 0 1 .543 0Zm-1.655-.273c.388 1.897.26 3.508-.01 5.412c-.026.28-.514.283-.54 0c-.244-1.878-.347-3.54-.01-5.412a.283.283 0 0 1 .56 0m-1.668.911c.4 1.268.257 2.292-.026 3.572a.257.257 0 0 1-.514 0c-.241-1.262-.354-2.312-.023-3.572a.283.283 0 0 1 .563 0"/></svg> </template>
CSS
.icon-soundcloud {
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%20fill%3D%22currentColor%22%20d%3D%22M23.999%2014.165c-.052%201.796-1.612%203.169-3.4%203.169h-8.18a.68.68%200%200%201-.675-.683V7.862a.75.75%200%200%201%20.452-.724s.75-.513%202.333-.513a5.36%205.36%200%200%201%202.763.755a5.43%205.43%200%200%201%202.57%203.54c.282-.08.574-.121.868-.12c.884%200%201.73.358%202.347.992s.948%201.49.922%202.373M10.721%208.421c.247%202.98.427%205.697%200%208.672a.264.264%200%200%201-.53%200c-.395-2.946-.22-5.718%200-8.672a.264.264%200%200%201%20.53%200M9.072%209.448c.285%202.659.37%204.986-.006%207.655a.277.277%200%200%201-.55%200c-.331-2.63-.256-5.02%200-7.655a.277.277%200%200%201%20.556%200m-1.663-.257c.27%202.726.39%205.171%200%207.904a.266.266%200%200%201-.532%200c-.38-2.69-.257-5.21%200-7.904a.266.266%200%200%201%20.532%200m-1.647.77a26%2026%200%200%201-.008%207.147a.272.272%200%200%201-.542%200a28%2028%200%200%201%200-7.147a.275.275%200%200%201%20.55%200m-1.67%201.769c.421%201.865.228%203.5-.029%205.388a.257.257%200%200%201-.514%200c-.21-1.858-.398-3.549%200-5.389a.272.272%200%200%201%20.543%200Zm-1.655-.273c.388%201.897.26%203.508-.01%205.412c-.026.28-.514.283-.54%200c-.244-1.878-.347-3.54-.01-5.412a.283.283%200%200%201%20.56%200m-1.668.911c.4%201.268.257%202.292-.026%203.572a.257.257%200%200%201-.514%200c-.241-1.262-.354-2.312-.023-3.572a.283.283%200%200%201%20.563%200%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%20fill%3D%22currentColor%22%20d%3D%22M23.999%2014.165c-.052%201.796-1.612%203.169-3.4%203.169h-8.18a.68.68%200%200%201-.675-.683V7.862a.75.75%200%200%201%20.452-.724s.75-.513%202.333-.513a5.36%205.36%200%200%201%202.763.755a5.43%205.43%200%200%201%202.57%203.54c.282-.08.574-.121.868-.12c.884%200%201.73.358%202.347.992s.948%201.49.922%202.373M10.721%208.421c.247%202.98.427%205.697%200%208.672a.264.264%200%200%201-.53%200c-.395-2.946-.22-5.718%200-8.672a.264.264%200%200%201%20.53%200M9.072%209.448c.285%202.659.37%204.986-.006%207.655a.277.277%200%200%201-.55%200c-.331-2.63-.256-5.02%200-7.655a.277.277%200%200%201%20.556%200m-1.663-.257c.27%202.726.39%205.171%200%207.904a.266.266%200%200%201-.532%200c-.38-2.69-.257-5.21%200-7.904a.266.266%200%200%201%20.532%200m-1.647.77a26%2026%200%200%201-.008%207.147a.272.272%200%200%201-.542%200a28%2028%200%200%201%200-7.147a.275.275%200%200%201%20.55%200m-1.67%201.769c.421%201.865.228%203.5-.029%205.388a.257.257%200%200%201-.514%200c-.21-1.858-.398-3.549%200-5.389a.272.272%200%200%201%20.543%200Zm-1.655-.273c.388%201.897.26%203.508-.01%205.412c-.026.28-.514.283-.54%200c-.244-1.878-.347-3.54-.01-5.412a.283.283%200%200%201%20.56%200m-1.668.911c.4%201.268.257%202.292-.026%203.572a.257.257%200%200%201-.514%200c-.241-1.262-.354-2.312-.023-3.572a.283.283%200%200%201%20.563%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/soundcloud.svg?color=%231a73e8&size=48
