soundcloud logo
soundcloud from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- soundcloud
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- 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 32 32"><path fill="currentColor" d="M1.568 16.303c-.068 0-.125.057-.136.129l-.312 2.875l.312 2.808c.011.073.068.131.136.131s.12-.057.129-.131l.339-2.808l-.359-2.875c0-.072-.057-.129-.12-.129zM.36 17.407c-.079 0-.12.047-.141.124L0 19.307l.219 1.74c0 .079.063.131.12.131c.063 0 .12-.063.14-.141l.281-1.76l-.281-1.776c0-.084-.057-.12-.119-.12zm2.437-1.667c-.079 0-.157.063-.157.14l-.28 3.417l.296 3.276c0 .077.063.161.161.161c.084 0 .141-.084.161-.161l.339-3.297l-.339-3.401c-.02-.077-.083-.156-.161-.156zm1.282-.141c-.1 0-.183.079-.204.183l-.255 3.516l.281 3.396c.02.099.099.181.197.181s.183-.083.199-.197l.323-3.38l-.323-3.495a.18.18 0 0 0-.177-.183zm1.541.48a.21.21 0 0 0-.213-.199c-.12 0-.213.079-.219.199l-.292 3.239l.265 3.417c0 .12.104.213.213.213c.099 0 .199-.093.199-.213l.301-3.417l-.301-3.26zm1.077-2.276a.245.245 0 0 0-.239.239l-.281 5.276l.249 3.417c0 .12.104.219.24.219c.125 0 .229-.12.24-.24l.276-3.416l-.276-5.297c-.011-.14-.12-.24-.24-.24zm1.246-1.262c-.14 0-.26.12-.271.261l-.24 6.495l.219 3.396c0 .161.12.28.261.28c.14 0 .26-.119.281-.28l.26-3.396l-.26-6.475c-.021-.161-.141-.281-.276-.281zm1.292-.598c-.161 0-.281.12-.303.276l-.219 7.036l.219 3.36c.021.156.141.303.303.303a.31.31 0 0 0 .296-.303l.261-3.36l-.261-7.036a.307.307 0 0 0-.296-.297zm1.656.036a.316.316 0 0 0-.317-.317c-.161 0-.323.141-.323.317l-.199 7.256l.199 3.339a.35.35 0 0 0 .343.323a.32.32 0 0 0 .319-.323l.219-3.339l-.219-7.271zm1-.176a.35.35 0 0 0-.339.337l-.203 7.1l.203 3.296c0 .199.156.339.339.339s.339-.161.339-.359l.203-3.303l-.224-7.073a.357.357 0 0 0-.359-.359zm1.297.197a.38.38 0 0 0-.376.38l-.14 6.86l.183 3.296a.37.37 0 0 0 .38.371c.197 0 .359-.161.375-.38l.161-3.256l-.177-6.817c-.015-.219-.181-.38-.38-.38zm1.604-1.188a.45.45 0 0 0-.443 0a.41.41 0 0 0-.199.339v.084l-.135 8.063l.151 3.265v.011a.43.43 0 0 0 .099.239a.43.43 0 0 0 .313.141a.43.43 0 0 0 .276-.12a.43.43 0 0 0 .124-.303l.016-.317l.156-2.937l-.177-8.115a.38.38 0 0 0-.181-.317zm1.339-.729a.26.26 0 0 0-.199-.077a.5.5 0 0 0-.281.077a.43.43 0 0 0-.156.324v.036l-.183 8.812l.1 1.62l.083 1.579a.44.44 0 0 0 .437.421c.24 0 .437-.203.437-.443l.204-3.219l-.204-8.849a.46.46 0 0 0-.219-.369zm11.932 4.948c-.536 0-1.057.115-1.516.313a6.94 6.94 0 0 0-6.916-6.317c-.881 0-1.745.181-2.521.479c-.303.12-.36.24-.38.479v12.489c.02.24.197.444.443.464h10.911a3.88 3.88 0 0 0 3.917-3.896a3.927 3.927 0 0 0-3.917-3.937z"/></svg>
React
import type { SVGProps } from "react";
export function CibSoundcloud(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="M1.568 16.303c-.068 0-.125.057-.136.129l-.312 2.875l.312 2.808c.011.073.068.131.136.131s.12-.057.129-.131l.339-2.808l-.359-2.875c0-.072-.057-.129-.12-.129zM.36 17.407c-.079 0-.12.047-.141.124L0 19.307l.219 1.74c0 .079.063.131.12.131c.063 0 .12-.063.14-.141l.281-1.76l-.281-1.776c0-.084-.057-.12-.119-.12zm2.437-1.667c-.079 0-.157.063-.157.14l-.28 3.417l.296 3.276c0 .077.063.161.161.161c.084 0 .141-.084.161-.161l.339-3.297l-.339-3.401c-.02-.077-.083-.156-.161-.156zm1.282-.141c-.1 0-.183.079-.204.183l-.255 3.516l.281 3.396c.02.099.099.181.197.181s.183-.083.199-.197l.323-3.38l-.323-3.495a.18.18 0 0 0-.177-.183zm1.541.48a.21.21 0 0 0-.213-.199c-.12 0-.213.079-.219.199l-.292 3.239l.265 3.417c0 .12.104.213.213.213c.099 0 .199-.093.199-.213l.301-3.417l-.301-3.26zm1.077-2.276a.245.245 0 0 0-.239.239l-.281 5.276l.249 3.417c0 .12.104.219.24.219c.125 0 .229-.12.24-.24l.276-3.416l-.276-5.297c-.011-.14-.12-.24-.24-.24zm1.246-1.262c-.14 0-.26.12-.271.261l-.24 6.495l.219 3.396c0 .161.12.28.261.28c.14 0 .26-.119.281-.28l.26-3.396l-.26-6.475c-.021-.161-.141-.281-.276-.281zm1.292-.598c-.161 0-.281.12-.303.276l-.219 7.036l.219 3.36c.021.156.141.303.303.303a.31.31 0 0 0 .296-.303l.261-3.36l-.261-7.036a.307.307 0 0 0-.296-.297zm1.656.036a.316.316 0 0 0-.317-.317c-.161 0-.323.141-.323.317l-.199 7.256l.199 3.339a.35.35 0 0 0 .343.323a.32.32 0 0 0 .319-.323l.219-3.339l-.219-7.271zm1-.176a.35.35 0 0 0-.339.337l-.203 7.1l.203 3.296c0 .199.156.339.339.339s.339-.161.339-.359l.203-3.303l-.224-7.073a.357.357 0 0 0-.359-.359zm1.297.197a.38.38 0 0 0-.376.38l-.14 6.86l.183 3.296a.37.37 0 0 0 .38.371c.197 0 .359-.161.375-.38l.161-3.256l-.177-6.817c-.015-.219-.181-.38-.38-.38zm1.604-1.188a.45.45 0 0 0-.443 0a.41.41 0 0 0-.199.339v.084l-.135 8.063l.151 3.265v.011a.43.43 0 0 0 .099.239a.43.43 0 0 0 .313.141a.43.43 0 0 0 .276-.12a.43.43 0 0 0 .124-.303l.016-.317l.156-2.937l-.177-8.115a.38.38 0 0 0-.181-.317zm1.339-.729a.26.26 0 0 0-.199-.077a.5.5 0 0 0-.281.077a.43.43 0 0 0-.156.324v.036l-.183 8.812l.1 1.62l.083 1.579a.44.44 0 0 0 .437.421c.24 0 .437-.203.437-.443l.204-3.219l-.204-8.849a.46.46 0 0 0-.219-.369zm11.932 4.948c-.536 0-1.057.115-1.516.313a6.94 6.94 0 0 0-6.916-6.317c-.881 0-1.745.181-2.521.479c-.303.12-.36.24-.38.479v12.489c.02.24.197.444.443.464h10.911a3.88 3.88 0 0 0 3.917-3.896a3.927 3.927 0 0 0-3.917-3.937z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M1.568 16.303c-.068 0-.125.057-.136.129l-.312 2.875l.312 2.808c.011.073.068.131.136.131s.12-.057.129-.131l.339-2.808l-.359-2.875c0-.072-.057-.129-.12-.129zM.36 17.407c-.079 0-.12.047-.141.124L0 19.307l.219 1.74c0 .079.063.131.12.131c.063 0 .12-.063.14-.141l.281-1.76l-.281-1.776c0-.084-.057-.12-.119-.12zm2.437-1.667c-.079 0-.157.063-.157.14l-.28 3.417l.296 3.276c0 .077.063.161.161.161c.084 0 .141-.084.161-.161l.339-3.297l-.339-3.401c-.02-.077-.083-.156-.161-.156zm1.282-.141c-.1 0-.183.079-.204.183l-.255 3.516l.281 3.396c.02.099.099.181.197.181s.183-.083.199-.197l.323-3.38l-.323-3.495a.18.18 0 0 0-.177-.183zm1.541.48a.21.21 0 0 0-.213-.199c-.12 0-.213.079-.219.199l-.292 3.239l.265 3.417c0 .12.104.213.213.213c.099 0 .199-.093.199-.213l.301-3.417l-.301-3.26zm1.077-2.276a.245.245 0 0 0-.239.239l-.281 5.276l.249 3.417c0 .12.104.219.24.219c.125 0 .229-.12.24-.24l.276-3.416l-.276-5.297c-.011-.14-.12-.24-.24-.24zm1.246-1.262c-.14 0-.26.12-.271.261l-.24 6.495l.219 3.396c0 .161.12.28.261.28c.14 0 .26-.119.281-.28l.26-3.396l-.26-6.475c-.021-.161-.141-.281-.276-.281zm1.292-.598c-.161 0-.281.12-.303.276l-.219 7.036l.219 3.36c.021.156.141.303.303.303a.31.31 0 0 0 .296-.303l.261-3.36l-.261-7.036a.307.307 0 0 0-.296-.297zm1.656.036a.316.316 0 0 0-.317-.317c-.161 0-.323.141-.323.317l-.199 7.256l.199 3.339a.35.35 0 0 0 .343.323a.32.32 0 0 0 .319-.323l.219-3.339l-.219-7.271zm1-.176a.35.35 0 0 0-.339.337l-.203 7.1l.203 3.296c0 .199.156.339.339.339s.339-.161.339-.359l.203-3.303l-.224-7.073a.357.357 0 0 0-.359-.359zm1.297.197a.38.38 0 0 0-.376.38l-.14 6.86l.183 3.296a.37.37 0 0 0 .38.371c.197 0 .359-.161.375-.38l.161-3.256l-.177-6.817c-.015-.219-.181-.38-.38-.38zm1.604-1.188a.45.45 0 0 0-.443 0a.41.41 0 0 0-.199.339v.084l-.135 8.063l.151 3.265v.011a.43.43 0 0 0 .099.239a.43.43 0 0 0 .313.141a.43.43 0 0 0 .276-.12a.43.43 0 0 0 .124-.303l.016-.317l.156-2.937l-.177-8.115a.38.38 0 0 0-.181-.317zm1.339-.729a.26.26 0 0 0-.199-.077a.5.5 0 0 0-.281.077a.43.43 0 0 0-.156.324v.036l-.183 8.812l.1 1.62l.083 1.579a.44.44 0 0 0 .437.421c.24 0 .437-.203.437-.443l.204-3.219l-.204-8.849a.46.46 0 0 0-.219-.369zm11.932 4.948c-.536 0-1.057.115-1.516.313a6.94 6.94 0 0 0-6.916-6.317c-.881 0-1.745.181-2.521.479c-.303.12-.36.24-.38.479v12.489c.02.24.197.444.443.464h10.911a3.88 3.88 0 0 0 3.917-3.896a3.927 3.927 0 0 0-3.917-3.937z"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M1.568%2016.303c-.068%200-.125.057-.136.129l-.312%202.875l.312%202.808c.011.073.068.131.136.131s.12-.057.129-.131l.339-2.808l-.359-2.875c0-.072-.057-.129-.12-.129zM.36%2017.407c-.079%200-.12.047-.141.124L0%2019.307l.219%201.74c0%20.079.063.131.12.131c.063%200%20.12-.063.14-.141l.281-1.76l-.281-1.776c0-.084-.057-.12-.119-.12zm2.437-1.667c-.079%200-.157.063-.157.14l-.28%203.417l.296%203.276c0%20.077.063.161.161.161c.084%200%20.141-.084.161-.161l.339-3.297l-.339-3.401c-.02-.077-.083-.156-.161-.156zm1.282-.141c-.1%200-.183.079-.204.183l-.255%203.516l.281%203.396c.02.099.099.181.197.181s.183-.083.199-.197l.323-3.38l-.323-3.495a.18.18%200%200%200-.177-.183zm1.541.48a.21.21%200%200%200-.213-.199c-.12%200-.213.079-.219.199l-.292%203.239l.265%203.417c0%20.12.104.213.213.213c.099%200%20.199-.093.199-.213l.301-3.417l-.301-3.26zm1.077-2.276a.245.245%200%200%200-.239.239l-.281%205.276l.249%203.417c0%20.12.104.219.24.219c.125%200%20.229-.12.24-.24l.276-3.416l-.276-5.297c-.011-.14-.12-.24-.24-.24zm1.246-1.262c-.14%200-.26.12-.271.261l-.24%206.495l.219%203.396c0%20.161.12.28.261.28c.14%200%20.26-.119.281-.28l.26-3.396l-.26-6.475c-.021-.161-.141-.281-.276-.281zm1.292-.598c-.161%200-.281.12-.303.276l-.219%207.036l.219%203.36c.021.156.141.303.303.303a.31.31%200%200%200%20.296-.303l.261-3.36l-.261-7.036a.307.307%200%200%200-.296-.297zm1.656.036a.316.316%200%200%200-.317-.317c-.161%200-.323.141-.323.317l-.199%207.256l.199%203.339a.35.35%200%200%200%20.343.323a.32.32%200%200%200%20.319-.323l.219-3.339l-.219-7.271zm1-.176a.35.35%200%200%200-.339.337l-.203%207.1l.203%203.296c0%20.199.156.339.339.339s.339-.161.339-.359l.203-3.303l-.224-7.073a.357.357%200%200%200-.359-.359zm1.297.197a.38.38%200%200%200-.376.38l-.14%206.86l.183%203.296a.37.37%200%200%200%20.38.371c.197%200%20.359-.161.375-.38l.161-3.256l-.177-6.817c-.015-.219-.181-.38-.38-.38zm1.604-1.188a.45.45%200%200%200-.443%200a.41.41%200%200%200-.199.339v.084l-.135%208.063l.151%203.265v.011a.43.43%200%200%200%20.099.239a.43.43%200%200%200%20.313.141a.43.43%200%200%200%20.276-.12a.43.43%200%200%200%20.124-.303l.016-.317l.156-2.937l-.177-8.115a.38.38%200%200%200-.181-.317zm1.339-.729a.26.26%200%200%200-.199-.077a.5.5%200%200%200-.281.077a.43.43%200%200%200-.156.324v.036l-.183%208.812l.1%201.62l.083%201.579a.44.44%200%200%200%20.437.421c.24%200%20.437-.203.437-.443l.204-3.219l-.204-8.849a.46.46%200%200%200-.219-.369zm11.932%204.948c-.536%200-1.057.115-1.516.313a6.94%206.94%200%200%200-6.916-6.317c-.881%200-1.745.181-2.521.479c-.303.12-.36.24-.38.479v12.489c.02.24.197.444.443.464h10.911a3.88%203.88%200%200%200%203.917-3.896a3.927%203.927%200%200%200-3.917-3.937z%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%22M1.568%2016.303c-.068%200-.125.057-.136.129l-.312%202.875l.312%202.808c.011.073.068.131.136.131s.12-.057.129-.131l.339-2.808l-.359-2.875c0-.072-.057-.129-.12-.129zM.36%2017.407c-.079%200-.12.047-.141.124L0%2019.307l.219%201.74c0%20.079.063.131.12.131c.063%200%20.12-.063.14-.141l.281-1.76l-.281-1.776c0-.084-.057-.12-.119-.12zm2.437-1.667c-.079%200-.157.063-.157.14l-.28%203.417l.296%203.276c0%20.077.063.161.161.161c.084%200%20.141-.084.161-.161l.339-3.297l-.339-3.401c-.02-.077-.083-.156-.161-.156zm1.282-.141c-.1%200-.183.079-.204.183l-.255%203.516l.281%203.396c.02.099.099.181.197.181s.183-.083.199-.197l.323-3.38l-.323-3.495a.18.18%200%200%200-.177-.183zm1.541.48a.21.21%200%200%200-.213-.199c-.12%200-.213.079-.219.199l-.292%203.239l.265%203.417c0%20.12.104.213.213.213c.099%200%20.199-.093.199-.213l.301-3.417l-.301-3.26zm1.077-2.276a.245.245%200%200%200-.239.239l-.281%205.276l.249%203.417c0%20.12.104.219.24.219c.125%200%20.229-.12.24-.24l.276-3.416l-.276-5.297c-.011-.14-.12-.24-.24-.24zm1.246-1.262c-.14%200-.26.12-.271.261l-.24%206.495l.219%203.396c0%20.161.12.28.261.28c.14%200%20.26-.119.281-.28l.26-3.396l-.26-6.475c-.021-.161-.141-.281-.276-.281zm1.292-.598c-.161%200-.281.12-.303.276l-.219%207.036l.219%203.36c.021.156.141.303.303.303a.31.31%200%200%200%20.296-.303l.261-3.36l-.261-7.036a.307.307%200%200%200-.296-.297zm1.656.036a.316.316%200%200%200-.317-.317c-.161%200-.323.141-.323.317l-.199%207.256l.199%203.339a.35.35%200%200%200%20.343.323a.32.32%200%200%200%20.319-.323l.219-3.339l-.219-7.271zm1-.176a.35.35%200%200%200-.339.337l-.203%207.1l.203%203.296c0%20.199.156.339.339.339s.339-.161.339-.359l.203-3.303l-.224-7.073a.357.357%200%200%200-.359-.359zm1.297.197a.38.38%200%200%200-.376.38l-.14%206.86l.183%203.296a.37.37%200%200%200%20.38.371c.197%200%20.359-.161.375-.38l.161-3.256l-.177-6.817c-.015-.219-.181-.38-.38-.38zm1.604-1.188a.45.45%200%200%200-.443%200a.41.41%200%200%200-.199.339v.084l-.135%208.063l.151%203.265v.011a.43.43%200%200%200%20.099.239a.43.43%200%200%200%20.313.141a.43.43%200%200%200%20.276-.12a.43.43%200%200%200%20.124-.303l.016-.317l.156-2.937l-.177-8.115a.38.38%200%200%200-.181-.317zm1.339-.729a.26.26%200%200%200-.199-.077a.5.5%200%200%200-.281.077a.43.43%200%200%200-.156.324v.036l-.183%208.812l.1%201.62l.083%201.579a.44.44%200%200%200%20.437.421c.24%200%20.437-.203.437-.443l.204-3.219l-.204-8.849a.46.46%200%200%200-.219-.369zm11.932%204.948c-.536%200-1.057.115-1.516.313a6.94%206.94%200%200%200-6.916-6.317c-.881%200-1.745.181-2.521.479c-.303.12-.36.24-.38.479v12.489c.02.24.197.444.443.464h10.911a3.88%203.88%200%200%200%203.917-3.896a3.927%203.927%200%200%200-3.917-3.937z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/soundcloud.svg?color=%231a73e8&size=48
