soundcloud icon

soundcloud from Jam Icons by Michael Amprimo · Outline · MIT Free for personal and commercial use.

Name: soundcloud
Set: Jam Icons
Style: Outline
Viewbox: 24×24
License: MIT

The same icon in other sets

soundcloud-fillAkar Icons soundcloudBoxicons Brands soundcloudCoreUI Brands soundcloudFont Awesome 6 Brands soundcloudFont Awesome Brands soundcloudHuge Icons soundcloudLine Awesome soundcloudMaterial Line Icons soundcloudSVG Logos soundcloudMaterial Design Icons soundcloud-fillRemix Icon soundcloudSimple Icons

Use the soundcloud icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-2 -7.5 24 24"><path fill="currentColor" d="M19.982 6.362c-.08-1.218-1.032-2.196-2.194-2.255a2.2 2.2 0 0 0-1.222.292C16.518 1.974 14.632.023 12.311.023c-.615 0-1.198.137-1.725.382a.33.33 0 0 0-.186.303v7.925c0 .183.142.332.316.332h6.957c1.333 0 2.402-1.183 2.31-2.603zM9.785.536a.326.326 0 0 0-.318.334v7.752c0 .184.142.334.318.334c.175 0 .318-.15.318-.334V.87a.326.326 0 0 0-.318-.334m-1.052.824a.326.326 0 0 0-.318.334v6.928c0 .184.143.334.318.334s.318-.15.318-.334V1.694a.326.326 0 0 0-.318-.334m-1.052.376a.326.326 0 0 0-.318.334v6.552c0 .184.143.334.318.334s.318-.15.318-.334V2.07a.326.326 0 0 0-.318-.334M6.63 1.235a.326.326 0 0 0-.319.334v7.053c0 .184.143.334.318.334s.318-.15.318-.334V1.57a.326.326 0 0 0-.318-.334zm-1.053.334a.326.326 0 0 0-.318.334v6.72c0 .183.143.333.318.333s.318-.15.318-.334v-6.72a.326.326 0 0 0-.318-.333m-1.052.668a.326.326 0 0 0-.317.334v6.051c0 .184.142.334.317.334s.318-.15.318-.334V2.571a.326.326 0 0 0-.318-.334M3.474 3.53a.326.326 0 0 0-.318.334v4.758c0 .184.142.334.318.334c.175 0 .317-.15.317-.334V3.864a.326.326 0 0 0-.317-.333zm-1.052.543a.326.326 0 0 0-.318.334v4.215c0 .184.142.334.318.334c.175 0 .318-.15.318-.334V4.407a.326.326 0 0 0-.318-.334m-1.052.125a.326.326 0 0 0-.318.333v3.967c0 .184.142.333.318.333c.175 0 .318-.15.318-.333V4.53a.326.326 0 0 0-.318-.333zM.318 5.07A.326.326 0 0 0 0 5.402v2.285c0 .185.142.334.318.334c.175 0 .318-.15.318-.334V5.403a.326.326 0 0 0-.318-.334z"/></svg>

React

import type { SVGProps } from "react";

export function JamSoundcloud(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-2 -7.5 24 24"><path fill="currentColor" d="M19.982 6.362c-.08-1.218-1.032-2.196-2.194-2.255a2.2 2.2 0 0 0-1.222.292C16.518 1.974 14.632.023 12.311.023c-.615 0-1.198.137-1.725.382a.33.33 0 0 0-.186.303v7.925c0 .183.142.332.316.332h6.957c1.333 0 2.402-1.183 2.31-2.603zM9.785.536a.326.326 0 0 0-.318.334v7.752c0 .184.142.334.318.334c.175 0 .318-.15.318-.334V.87a.326.326 0 0 0-.318-.334m-1.052.824a.326.326 0 0 0-.318.334v6.928c0 .184.143.334.318.334s.318-.15.318-.334V1.694a.326.326 0 0 0-.318-.334m-1.052.376a.326.326 0 0 0-.318.334v6.552c0 .184.143.334.318.334s.318-.15.318-.334V2.07a.326.326 0 0 0-.318-.334M6.63 1.235a.326.326 0 0 0-.319.334v7.053c0 .184.143.334.318.334s.318-.15.318-.334V1.57a.326.326 0 0 0-.318-.334zm-1.053.334a.326.326 0 0 0-.318.334v6.72c0 .183.143.333.318.333s.318-.15.318-.334v-6.72a.326.326 0 0 0-.318-.333m-1.052.668a.326.326 0 0 0-.317.334v6.051c0 .184.142.334.317.334s.318-.15.318-.334V2.571a.326.326 0 0 0-.318-.334M3.474 3.53a.326.326 0 0 0-.318.334v4.758c0 .184.142.334.318.334c.175 0 .317-.15.317-.334V3.864a.326.326 0 0 0-.317-.333zm-1.052.543a.326.326 0 0 0-.318.334v4.215c0 .184.142.334.318.334c.175 0 .318-.15.318-.334V4.407a.326.326 0 0 0-.318-.334m-1.052.125a.326.326 0 0 0-.318.333v3.967c0 .184.142.333.318.333c.175 0 .318-.15.318-.333V4.53a.326.326 0 0 0-.318-.333zM.318 5.07A.326.326 0 0 0 0 5.402v2.285c0 .185.142.334.318.334c.175 0 .318-.15.318-.334V5.403a.326.326 0 0 0-.318-.334z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-2 -7.5 24 24"><path fill="currentColor" d="M19.982 6.362c-.08-1.218-1.032-2.196-2.194-2.255a2.2 2.2 0 0 0-1.222.292C16.518 1.974 14.632.023 12.311.023c-.615 0-1.198.137-1.725.382a.33.33 0 0 0-.186.303v7.925c0 .183.142.332.316.332h6.957c1.333 0 2.402-1.183 2.31-2.603zM9.785.536a.326.326 0 0 0-.318.334v7.752c0 .184.142.334.318.334c.175 0 .318-.15.318-.334V.87a.326.326 0 0 0-.318-.334m-1.052.824a.326.326 0 0 0-.318.334v6.928c0 .184.143.334.318.334s.318-.15.318-.334V1.694a.326.326 0 0 0-.318-.334m-1.052.376a.326.326 0 0 0-.318.334v6.552c0 .184.143.334.318.334s.318-.15.318-.334V2.07a.326.326 0 0 0-.318-.334M6.63 1.235a.326.326 0 0 0-.319.334v7.053c0 .184.143.334.318.334s.318-.15.318-.334V1.57a.326.326 0 0 0-.318-.334zm-1.053.334a.326.326 0 0 0-.318.334v6.72c0 .183.143.333.318.333s.318-.15.318-.334v-6.72a.326.326 0 0 0-.318-.333m-1.052.668a.326.326 0 0 0-.317.334v6.051c0 .184.142.334.317.334s.318-.15.318-.334V2.571a.326.326 0 0 0-.318-.334M3.474 3.53a.326.326 0 0 0-.318.334v4.758c0 .184.142.334.318.334c.175 0 .317-.15.317-.334V3.864a.326.326 0 0 0-.317-.333zm-1.052.543a.326.326 0 0 0-.318.334v4.215c0 .184.142.334.318.334c.175 0 .318-.15.318-.334V4.407a.326.326 0 0 0-.318-.334m-1.052.125a.326.326 0 0 0-.318.333v3.967c0 .184.142.333.318.333c.175 0 .318-.15.318-.333V4.53a.326.326 0 0 0-.318-.333zM.318 5.07A.326.326 0 0 0 0 5.402v2.285c0 .185.142.334.318.334c.175 0 .318-.15.318-.334V5.403a.326.326 0 0 0-.318-.334z"/></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%22-2%20-7.5%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.982%206.362c-.08-1.218-1.032-2.196-2.194-2.255a2.2%202.2%200%200%200-1.222.292C16.518%201.974%2014.632.023%2012.311.023c-.615%200-1.198.137-1.725.382a.33.33%200%200%200-.186.303v7.925c0%20.183.142.332.316.332h6.957c1.333%200%202.402-1.183%202.31-2.603zM9.785.536a.326.326%200%200%200-.318.334v7.752c0%20.184.142.334.318.334c.175%200%20.318-.15.318-.334V.87a.326.326%200%200%200-.318-.334m-1.052.824a.326.326%200%200%200-.318.334v6.928c0%20.184.143.334.318.334s.318-.15.318-.334V1.694a.326.326%200%200%200-.318-.334m-1.052.376a.326.326%200%200%200-.318.334v6.552c0%20.184.143.334.318.334s.318-.15.318-.334V2.07a.326.326%200%200%200-.318-.334M6.63%201.235a.326.326%200%200%200-.319.334v7.053c0%20.184.143.334.318.334s.318-.15.318-.334V1.57a.326.326%200%200%200-.318-.334zm-1.053.334a.326.326%200%200%200-.318.334v6.72c0%20.183.143.333.318.333s.318-.15.318-.334v-6.72a.326.326%200%200%200-.318-.333m-1.052.668a.326.326%200%200%200-.317.334v6.051c0%20.184.142.334.317.334s.318-.15.318-.334V2.571a.326.326%200%200%200-.318-.334M3.474%203.53a.326.326%200%200%200-.318.334v4.758c0%20.184.142.334.318.334c.175%200%20.317-.15.317-.334V3.864a.326.326%200%200%200-.317-.333zm-1.052.543a.326.326%200%200%200-.318.334v4.215c0%20.184.142.334.318.334c.175%200%20.318-.15.318-.334V4.407a.326.326%200%200%200-.318-.334m-1.052.125a.326.326%200%200%200-.318.333v3.967c0%20.184.142.333.318.333c.175%200%20.318-.15.318-.333V4.53a.326.326%200%200%200-.318-.333zM.318%205.07A.326.326%200%200%200%200%205.402v2.285c0%20.185.142.334.318.334c.175%200%20.318-.15.318-.334V5.403a.326.326%200%200%200-.318-.334z%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%22-2%20-7.5%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.982%206.362c-.08-1.218-1.032-2.196-2.194-2.255a2.2%202.2%200%200%200-1.222.292C16.518%201.974%2014.632.023%2012.311.023c-.615%200-1.198.137-1.725.382a.33.33%200%200%200-.186.303v7.925c0%20.183.142.332.316.332h6.957c1.333%200%202.402-1.183%202.31-2.603zM9.785.536a.326.326%200%200%200-.318.334v7.752c0%20.184.142.334.318.334c.175%200%20.318-.15.318-.334V.87a.326.326%200%200%200-.318-.334m-1.052.824a.326.326%200%200%200-.318.334v6.928c0%20.184.143.334.318.334s.318-.15.318-.334V1.694a.326.326%200%200%200-.318-.334m-1.052.376a.326.326%200%200%200-.318.334v6.552c0%20.184.143.334.318.334s.318-.15.318-.334V2.07a.326.326%200%200%200-.318-.334M6.63%201.235a.326.326%200%200%200-.319.334v7.053c0%20.184.143.334.318.334s.318-.15.318-.334V1.57a.326.326%200%200%200-.318-.334zm-1.053.334a.326.326%200%200%200-.318.334v6.72c0%20.183.143.333.318.333s.318-.15.318-.334v-6.72a.326.326%200%200%200-.318-.333m-1.052.668a.326.326%200%200%200-.317.334v6.051c0%20.184.142.334.317.334s.318-.15.318-.334V2.571a.326.326%200%200%200-.318-.334M3.474%203.53a.326.326%200%200%200-.318.334v4.758c0%20.184.142.334.318.334c.175%200%20.317-.15.317-.334V3.864a.326.326%200%200%200-.317-.333zm-1.052.543a.326.326%200%200%200-.318.334v4.215c0%20.184.142.334.318.334c.175%200%20.318-.15.318-.334V4.407a.326.326%200%200%200-.318-.334m-1.052.125a.326.326%200%200%200-.318.333v3.967c0%20.184.142.333.318.333c.175%200%20.318-.15.318-.333V4.53a.326.326%200%200%200-.318-.333zM.318%205.07A.326.326%200%200%200%200%205.402v2.285c0%20.185.142.334.318.334c.175%200%20.318-.15.318-.334V5.403a.326.326%200%200%200-.318-.334z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/jam/soundcloud.svg?color=%231a73e8&size=48