logo soundcloud icon
logo-soundcloud from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- logo-soundcloud
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
Related icons in IonIcons
logo-alipaylogo-amazonlogo-amplifylogo-androidlogo-angularlogo-appflowlogo-applelogo-apple-appstorelogo-apple-arlogo-behancelogo-bitbucketlogo-bitcoinlogo-bufferlogo-capacitorlogo-chromelogo-closed-captioninglogo-codepenlogo-css3logo-designernewslogo-deviantartlogo-discordlogo-dockerlogo-dribbblelogo-dropbox
Use the logo soundcloud icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M5.8 278a2.11 2.11 0 0 0-2 2L0 308.64l3.74 28.16a2.12 2.12 0 0 0 2.05 2a2.14 2.14 0 0 0 2-2l4.44-28.17L7.83 280a2.14 2.14 0 0 0-2-2Zm21.05-15.68a2.13 2.13 0 0 0-4.26 0l-5 46.32l5 45.3a2.13 2.13 0 0 0 4.26 0l5.73-45.31l-5.73-46.32Zm79.32-42.73a4 4 0 0 0-3.87 3.87l-4 85.22l4 55.08a3.88 3.88 0 0 0 7.75 0l4.53-55.08l-4.53-85.22a4 4 0 0 0-3.88-3.87m-41.05 29.62a3.09 3.09 0 0 0-3 3l-4.52 56.45l4.51 54.63a3 3 0 0 0 6 0l5.13-54.63l-5.13-56.48a3.1 3.1 0 0 0-2.99-2.97m82.76 118.39a4.83 4.83 0 0 0 4.75-4.74l3.93-54.15l-3.93-113.46a4.75 4.75 0 0 0-9.5 0l-3.49 113.45l3.49 54.17a4.81 4.81 0 0 0 4.75 4.73m85.4.25a6.6 6.6 0 0 0 6.5-6.52l2.74-52.6l-2.74-131a6.5 6.5 0 1 0-13 0l-2.45 131c0 .08 2.45 52.67 2.45 52.67a6.59 6.59 0 0 0 6.5 6.45m-43.02-.2a5.67 5.67 0 0 0 5.62-5.64l3.34-53.33l-3.34-114.28a5.63 5.63 0 1 0-11.25 0l-3 114.29l3 53.32a5.66 5.66 0 0 0 5.63 5.6Zm-104.7-.5a3.53 3.53 0 0 0 3.44-3.41l4.83-55.09l-4.83-52.4a3.44 3.44 0 0 0-6.88 0l-4.26 52.38l4.26 55.08a3.5 3.5 0 0 0 3.44 3.44m-40.72-3.02a2.67 2.67 0 0 0 2.57-2.52l5.43-53l-5.42-55a2.57 2.57 0 0 0-5.14 0l-4.78 55l4.78 53a2.62 2.62 0 0 0 2.56 2.53Zm166.85-171.6a6.1 6.1 0 0 0-6.07 6.09l-2.71 110.11l2.71 53a6.07 6.07 0 0 0 12.13 0l3-53l-3-110.13a6.1 6.1 0 0 0-6.06-6.07M127 367.71a4.41 4.41 0 0 0 4.31-4.3l4.23-54.71l-4.28-104.7a4.32 4.32 0 0 0-8.63 0l-3.74 104.7l3.75 54.73a4.38 4.38 0 0 0 4.36 4.28m47.17-5.17l3.63-53.8l-3.63-117.28a5.19 5.19 0 1 0-10.37 0l-3.23 117.28l3.23 53.83a5.18 5.18 0 0 0 10.36 0ZM449 241.1a62.4 62.4 0 0 0-24.33 4.9c-5-57.18-52.61-102-110.66-102a111.9 111.9 0 0 0-40.28 7.58c-4.75 1.85-6 3.76-6.06 7.46V360.4a7.66 7.66 0 0 0 6.8 7.5l174.56.11c34.78 0 63-28.41 63-63.45s-28.2-63.46-63-63.46Zm-194.21-82.23a7 7 0 0 0-6.94 7L245 308.75l2.85 51.87a6.94 6.94 0 1 0 13.87-.06v.06l3.09-51.87l-3.09-142.93a7 7 0 0 0-6.93-6.95"/></svg>
React
import type { SVGProps } from "react";
export function IonLogoSoundcloud(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M5.8 278a2.11 2.11 0 0 0-2 2L0 308.64l3.74 28.16a2.12 2.12 0 0 0 2.05 2a2.14 2.14 0 0 0 2-2l4.44-28.17L7.83 280a2.14 2.14 0 0 0-2-2Zm21.05-15.68a2.13 2.13 0 0 0-4.26 0l-5 46.32l5 45.3a2.13 2.13 0 0 0 4.26 0l5.73-45.31l-5.73-46.32Zm79.32-42.73a4 4 0 0 0-3.87 3.87l-4 85.22l4 55.08a3.88 3.88 0 0 0 7.75 0l4.53-55.08l-4.53-85.22a4 4 0 0 0-3.88-3.87m-41.05 29.62a3.09 3.09 0 0 0-3 3l-4.52 56.45l4.51 54.63a3 3 0 0 0 6 0l5.13-54.63l-5.13-56.48a3.1 3.1 0 0 0-2.99-2.97m82.76 118.39a4.83 4.83 0 0 0 4.75-4.74l3.93-54.15l-3.93-113.46a4.75 4.75 0 0 0-9.5 0l-3.49 113.45l3.49 54.17a4.81 4.81 0 0 0 4.75 4.73m85.4.25a6.6 6.6 0 0 0 6.5-6.52l2.74-52.6l-2.74-131a6.5 6.5 0 1 0-13 0l-2.45 131c0 .08 2.45 52.67 2.45 52.67a6.59 6.59 0 0 0 6.5 6.45m-43.02-.2a5.67 5.67 0 0 0 5.62-5.64l3.34-53.33l-3.34-114.28a5.63 5.63 0 1 0-11.25 0l-3 114.29l3 53.32a5.66 5.66 0 0 0 5.63 5.6Zm-104.7-.5a3.53 3.53 0 0 0 3.44-3.41l4.83-55.09l-4.83-52.4a3.44 3.44 0 0 0-6.88 0l-4.26 52.38l4.26 55.08a3.5 3.5 0 0 0 3.44 3.44m-40.72-3.02a2.67 2.67 0 0 0 2.57-2.52l5.43-53l-5.42-55a2.57 2.57 0 0 0-5.14 0l-4.78 55l4.78 53a2.62 2.62 0 0 0 2.56 2.53Zm166.85-171.6a6.1 6.1 0 0 0-6.07 6.09l-2.71 110.11l2.71 53a6.07 6.07 0 0 0 12.13 0l3-53l-3-110.13a6.1 6.1 0 0 0-6.06-6.07M127 367.71a4.41 4.41 0 0 0 4.31-4.3l4.23-54.71l-4.28-104.7a4.32 4.32 0 0 0-8.63 0l-3.74 104.7l3.75 54.73a4.38 4.38 0 0 0 4.36 4.28m47.17-5.17l3.63-53.8l-3.63-117.28a5.19 5.19 0 1 0-10.37 0l-3.23 117.28l3.23 53.83a5.18 5.18 0 0 0 10.36 0ZM449 241.1a62.4 62.4 0 0 0-24.33 4.9c-5-57.18-52.61-102-110.66-102a111.9 111.9 0 0 0-40.28 7.58c-4.75 1.85-6 3.76-6.06 7.46V360.4a7.66 7.66 0 0 0 6.8 7.5l174.56.11c34.78 0 63-28.41 63-63.45s-28.2-63.46-63-63.46Zm-194.21-82.23a7 7 0 0 0-6.94 7L245 308.75l2.85 51.87a6.94 6.94 0 1 0 13.87-.06v.06l3.09-51.87l-3.09-142.93a7 7 0 0 0-6.93-6.95"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M5.8 278a2.11 2.11 0 0 0-2 2L0 308.64l3.74 28.16a2.12 2.12 0 0 0 2.05 2a2.14 2.14 0 0 0 2-2l4.44-28.17L7.83 280a2.14 2.14 0 0 0-2-2Zm21.05-15.68a2.13 2.13 0 0 0-4.26 0l-5 46.32l5 45.3a2.13 2.13 0 0 0 4.26 0l5.73-45.31l-5.73-46.32Zm79.32-42.73a4 4 0 0 0-3.87 3.87l-4 85.22l4 55.08a3.88 3.88 0 0 0 7.75 0l4.53-55.08l-4.53-85.22a4 4 0 0 0-3.88-3.87m-41.05 29.62a3.09 3.09 0 0 0-3 3l-4.52 56.45l4.51 54.63a3 3 0 0 0 6 0l5.13-54.63l-5.13-56.48a3.1 3.1 0 0 0-2.99-2.97m82.76 118.39a4.83 4.83 0 0 0 4.75-4.74l3.93-54.15l-3.93-113.46a4.75 4.75 0 0 0-9.5 0l-3.49 113.45l3.49 54.17a4.81 4.81 0 0 0 4.75 4.73m85.4.25a6.6 6.6 0 0 0 6.5-6.52l2.74-52.6l-2.74-131a6.5 6.5 0 1 0-13 0l-2.45 131c0 .08 2.45 52.67 2.45 52.67a6.59 6.59 0 0 0 6.5 6.45m-43.02-.2a5.67 5.67 0 0 0 5.62-5.64l3.34-53.33l-3.34-114.28a5.63 5.63 0 1 0-11.25 0l-3 114.29l3 53.32a5.66 5.66 0 0 0 5.63 5.6Zm-104.7-.5a3.53 3.53 0 0 0 3.44-3.41l4.83-55.09l-4.83-52.4a3.44 3.44 0 0 0-6.88 0l-4.26 52.38l4.26 55.08a3.5 3.5 0 0 0 3.44 3.44m-40.72-3.02a2.67 2.67 0 0 0 2.57-2.52l5.43-53l-5.42-55a2.57 2.57 0 0 0-5.14 0l-4.78 55l4.78 53a2.62 2.62 0 0 0 2.56 2.53Zm166.85-171.6a6.1 6.1 0 0 0-6.07 6.09l-2.71 110.11l2.71 53a6.07 6.07 0 0 0 12.13 0l3-53l-3-110.13a6.1 6.1 0 0 0-6.06-6.07M127 367.71a4.41 4.41 0 0 0 4.31-4.3l4.23-54.71l-4.28-104.7a4.32 4.32 0 0 0-8.63 0l-3.74 104.7l3.75 54.73a4.38 4.38 0 0 0 4.36 4.28m47.17-5.17l3.63-53.8l-3.63-117.28a5.19 5.19 0 1 0-10.37 0l-3.23 117.28l3.23 53.83a5.18 5.18 0 0 0 10.36 0ZM449 241.1a62.4 62.4 0 0 0-24.33 4.9c-5-57.18-52.61-102-110.66-102a111.9 111.9 0 0 0-40.28 7.58c-4.75 1.85-6 3.76-6.06 7.46V360.4a7.66 7.66 0 0 0 6.8 7.5l174.56.11c34.78 0 63-28.41 63-63.45s-28.2-63.46-63-63.46Zm-194.21-82.23a7 7 0 0 0-6.94 7L245 308.75l2.85 51.87a6.94 6.94 0 1 0 13.87-.06v.06l3.09-51.87l-3.09-142.93a7 7 0 0 0-6.93-6.95"/></svg> </template>
CSS
.icon-logo-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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5.8%20278a2.11%202.11%200%200%200-2%202L0%20308.64l3.74%2028.16a2.12%202.12%200%200%200%202.05%202a2.14%202.14%200%200%200%202-2l4.44-28.17L7.83%20280a2.14%202.14%200%200%200-2-2Zm21.05-15.68a2.13%202.13%200%200%200-4.26%200l-5%2046.32l5%2045.3a2.13%202.13%200%200%200%204.26%200l5.73-45.31l-5.73-46.32Zm79.32-42.73a4%204%200%200%200-3.87%203.87l-4%2085.22l4%2055.08a3.88%203.88%200%200%200%207.75%200l4.53-55.08l-4.53-85.22a4%204%200%200%200-3.88-3.87m-41.05%2029.62a3.09%203.09%200%200%200-3%203l-4.52%2056.45l4.51%2054.63a3%203%200%200%200%206%200l5.13-54.63l-5.13-56.48a3.1%203.1%200%200%200-2.99-2.97m82.76%20118.39a4.83%204.83%200%200%200%204.75-4.74l3.93-54.15l-3.93-113.46a4.75%204.75%200%200%200-9.5%200l-3.49%20113.45l3.49%2054.17a4.81%204.81%200%200%200%204.75%204.73m85.4.25a6.6%206.6%200%200%200%206.5-6.52l2.74-52.6l-2.74-131a6.5%206.5%200%201%200-13%200l-2.45%20131c0%20.08%202.45%2052.67%202.45%2052.67a6.59%206.59%200%200%200%206.5%206.45m-43.02-.2a5.67%205.67%200%200%200%205.62-5.64l3.34-53.33l-3.34-114.28a5.63%205.63%200%201%200-11.25%200l-3%20114.29l3%2053.32a5.66%205.66%200%200%200%205.63%205.6Zm-104.7-.5a3.53%203.53%200%200%200%203.44-3.41l4.83-55.09l-4.83-52.4a3.44%203.44%200%200%200-6.88%200l-4.26%2052.38l4.26%2055.08a3.5%203.5%200%200%200%203.44%203.44m-40.72-3.02a2.67%202.67%200%200%200%202.57-2.52l5.43-53l-5.42-55a2.57%202.57%200%200%200-5.14%200l-4.78%2055l4.78%2053a2.62%202.62%200%200%200%202.56%202.53Zm166.85-171.6a6.1%206.1%200%200%200-6.07%206.09l-2.71%20110.11l2.71%2053a6.07%206.07%200%200%200%2012.13%200l3-53l-3-110.13a6.1%206.1%200%200%200-6.06-6.07M127%20367.71a4.41%204.41%200%200%200%204.31-4.3l4.23-54.71l-4.28-104.7a4.32%204.32%200%200%200-8.63%200l-3.74%20104.7l3.75%2054.73a4.38%204.38%200%200%200%204.36%204.28m47.17-5.17l3.63-53.8l-3.63-117.28a5.19%205.19%200%201%200-10.37%200l-3.23%20117.28l3.23%2053.83a5.18%205.18%200%200%200%2010.36%200ZM449%20241.1a62.4%2062.4%200%200%200-24.33%204.9c-5-57.18-52.61-102-110.66-102a111.9%20111.9%200%200%200-40.28%207.58c-4.75%201.85-6%203.76-6.06%207.46V360.4a7.66%207.66%200%200%200%206.8%207.5l174.56.11c34.78%200%2063-28.41%2063-63.45s-28.2-63.46-63-63.46Zm-194.21-82.23a7%207%200%200%200-6.94%207L245%20308.75l2.85%2051.87a6.94%206.94%200%201%200%2013.87-.06v.06l3.09-51.87l-3.09-142.93a7%207%200%200%200-6.93-6.95%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5.8%20278a2.11%202.11%200%200%200-2%202L0%20308.64l3.74%2028.16a2.12%202.12%200%200%200%202.05%202a2.14%202.14%200%200%200%202-2l4.44-28.17L7.83%20280a2.14%202.14%200%200%200-2-2Zm21.05-15.68a2.13%202.13%200%200%200-4.26%200l-5%2046.32l5%2045.3a2.13%202.13%200%200%200%204.26%200l5.73-45.31l-5.73-46.32Zm79.32-42.73a4%204%200%200%200-3.87%203.87l-4%2085.22l4%2055.08a3.88%203.88%200%200%200%207.75%200l4.53-55.08l-4.53-85.22a4%204%200%200%200-3.88-3.87m-41.05%2029.62a3.09%203.09%200%200%200-3%203l-4.52%2056.45l4.51%2054.63a3%203%200%200%200%206%200l5.13-54.63l-5.13-56.48a3.1%203.1%200%200%200-2.99-2.97m82.76%20118.39a4.83%204.83%200%200%200%204.75-4.74l3.93-54.15l-3.93-113.46a4.75%204.75%200%200%200-9.5%200l-3.49%20113.45l3.49%2054.17a4.81%204.81%200%200%200%204.75%204.73m85.4.25a6.6%206.6%200%200%200%206.5-6.52l2.74-52.6l-2.74-131a6.5%206.5%200%201%200-13%200l-2.45%20131c0%20.08%202.45%2052.67%202.45%2052.67a6.59%206.59%200%200%200%206.5%206.45m-43.02-.2a5.67%205.67%200%200%200%205.62-5.64l3.34-53.33l-3.34-114.28a5.63%205.63%200%201%200-11.25%200l-3%20114.29l3%2053.32a5.66%205.66%200%200%200%205.63%205.6Zm-104.7-.5a3.53%203.53%200%200%200%203.44-3.41l4.83-55.09l-4.83-52.4a3.44%203.44%200%200%200-6.88%200l-4.26%2052.38l4.26%2055.08a3.5%203.5%200%200%200%203.44%203.44m-40.72-3.02a2.67%202.67%200%200%200%202.57-2.52l5.43-53l-5.42-55a2.57%202.57%200%200%200-5.14%200l-4.78%2055l4.78%2053a2.62%202.62%200%200%200%202.56%202.53Zm166.85-171.6a6.1%206.1%200%200%200-6.07%206.09l-2.71%20110.11l2.71%2053a6.07%206.07%200%200%200%2012.13%200l3-53l-3-110.13a6.1%206.1%200%200%200-6.06-6.07M127%20367.71a4.41%204.41%200%200%200%204.31-4.3l4.23-54.71l-4.28-104.7a4.32%204.32%200%200%200-8.63%200l-3.74%20104.7l3.75%2054.73a4.38%204.38%200%200%200%204.36%204.28m47.17-5.17l3.63-53.8l-3.63-117.28a5.19%205.19%200%201%200-10.37%200l-3.23%20117.28l3.23%2053.83a5.18%205.18%200%200%200%2010.36%200ZM449%20241.1a62.4%2062.4%200%200%200-24.33%204.9c-5-57.18-52.61-102-110.66-102a111.9%20111.9%200%200%200-40.28%207.58c-4.75%201.85-6%203.76-6.06%207.46V360.4a7.66%207.66%200%200%200%206.8%207.5l174.56.11c34.78%200%2063-28.41%2063-63.45s-28.2-63.46-63-63.46Zm-194.21-82.23a7%207%200%200%200-6.94%207L245%20308.75l2.85%2051.87a6.94%206.94%200%201%200%2013.87-.06v.06l3.09-51.87l-3.09-142.93a7%207%200%200%200-6.93-6.95%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/logo-soundcloud.svg?color=%231a73e8&size=48
