soundcloud logo

The same logo in other sets

More music icons from Font Awesome 6 Brands

Use the soundcloud logo

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M639.8 298.6c-1.3 23.1-11.5 44.8-28.4 60.5s-39.2 24.4-62.3 24.1h-218c-4.8 0-9.4-2-12.8-5.4s-5.3-8-5.3-12.8V130.2c-.2-4 .9-8 3.1-11.4s5.3-6.1 9-7.7c0 0 20.1-13.9 62.3-13.9c25.8 0 51.1 6.9 73.3 20.1c17.3 10.2 32.3 23.8 44.1 40.1s20 34.8 24.2 54.4c7.5-2.1 15.3-3.2 23.1-3.2c11.7-.1 23.3 2.2 34.2 6.7s20.5 11.3 28.7 19.7s14.6 18.3 18.9 29.3s6.3 22.6 5.9 34.3m-354-153.5c.1-1 0-2-.3-2.9s-.8-1.8-1.5-2.6s-1.5-1.3-2.4-1.7s-1.9-.6-2.9-.6s-2 .2-2.9.6s-1.7 1-2.4 1.7s-1.2 1.6-1.5 2.6s-.4 1.9-.3 2.9c-6 78.9-10.6 152.9 0 231.6c.2 1.7 1 3.3 2.3 4.5s3 1.8 4.7 1.8s3.4-.6 4.7-1.8s2.1-2.8 2.3-4.5c11.3-79.4 6.6-152 0-231.6zm-44 27.3c-.2-1.8-1.1-3.5-2.4-4.7s-3.1-1.9-5-1.9s-3.6.7-5 1.9s-2.2 2.9-2.4 4.7c-7.9 67.9-7.9 136.5 0 204.4c.3 1.8 1.2 3.4 2.5 4.5s3.1 1.8 4.8 1.8s3.5-.6 4.8-1.8s2.2-2.8 2.5-4.5c8.8-67.8 8.8-136.5.1-204.4zm-44.3-6.9c-.2-1.8-1-3.4-2.3-4.6s-3-1.8-4.8-1.8s-3.5.7-4.8 1.8s-2.1 2.8-2.3 4.6c-6.7 72-10.2 139.3 0 211.1c0 1.9.7 3.7 2.1 5s3.1 2.1 5 2.1s3.7-.7 5-2.1s2.1-3.1 2.1-5c10.5-72.8 7.3-138.2.1-211.1zm-44 20.6c0-1.9-.8-3.8-2.1-5.2s-3.2-2.1-5.2-2.1s-3.8.8-5.2 2.1s-2.1 3.2-2.1 5.2c-8.1 63.3-8.1 127.5 0 190.8c.2 1.8 1 3.4 2.4 4.6s3.1 1.9 4.8 1.9s3.5-.7 4.8-1.9s2.2-2.8 2.4-4.6c8.8-63.3 8.9-127.5.3-190.8zM109 233.7c0-1.9-.8-3.8-2.1-5.1s-3.2-2.1-5.1-2.1s-3.8.8-5.1 2.1s-2.1 3.2-2.1 5.1c-10.5 49.2-5.5 93.9.4 143.6c.3 1.6 1.1 3.1 2.3 4.2s2.8 1.7 4.5 1.7s3.2-.6 4.5-1.7s2.1-2.5 2.3-4.2c6.6-50.4 11.6-94.1.4-143.6m-44.1-7.5c-.2-1.8-1.1-3.5-2.4-4.8s-3.2-1.9-5-1.9s-3.6.7-5 1.9s-2.2 2.9-2.4 4.8c-9.3 50.2-6.2 94.4.3 144.5c.7 7.6 13.6 7.5 14.4 0c7.2-50.9 10.5-93.8.3-144.5zm-44.6 24.6c-.2-1.8-1.1-3.5-2.4-4.8s-3.2-1.9-5-1.9s-3.6.7-5 1.9s-2.3 2.9-2.4 4.8c-8.5 33.7-5.9 61.6.6 95.4c.2 1.7 1 3.3 2.3 4.4s2.9 1.8 4.7 1.8s3.4-.6 4.7-1.8s2.1-2.7 2.3-4.4c7.5-34.5 11.2-61.8.4-95.4z"/></svg>

import type { SVGProps } from "react";

export function Fa6BrandsSoundcloud(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M639.8 298.6c-1.3 23.1-11.5 44.8-28.4 60.5s-39.2 24.4-62.3 24.1h-218c-4.8 0-9.4-2-12.8-5.4s-5.3-8-5.3-12.8V130.2c-.2-4 .9-8 3.1-11.4s5.3-6.1 9-7.7c0 0 20.1-13.9 62.3-13.9c25.8 0 51.1 6.9 73.3 20.1c17.3 10.2 32.3 23.8 44.1 40.1s20 34.8 24.2 54.4c7.5-2.1 15.3-3.2 23.1-3.2c11.7-.1 23.3 2.2 34.2 6.7s20.5 11.3 28.7 19.7s14.6 18.3 18.9 29.3s6.3 22.6 5.9 34.3m-354-153.5c.1-1 0-2-.3-2.9s-.8-1.8-1.5-2.6s-1.5-1.3-2.4-1.7s-1.9-.6-2.9-.6s-2 .2-2.9.6s-1.7 1-2.4 1.7s-1.2 1.6-1.5 2.6s-.4 1.9-.3 2.9c-6 78.9-10.6 152.9 0 231.6c.2 1.7 1 3.3 2.3 4.5s3 1.8 4.7 1.8s3.4-.6 4.7-1.8s2.1-2.8 2.3-4.5c11.3-79.4 6.6-152 0-231.6zm-44 27.3c-.2-1.8-1.1-3.5-2.4-4.7s-3.1-1.9-5-1.9s-3.6.7-5 1.9s-2.2 2.9-2.4 4.7c-7.9 67.9-7.9 136.5 0 204.4c.3 1.8 1.2 3.4 2.5 4.5s3.1 1.8 4.8 1.8s3.5-.6 4.8-1.8s2.2-2.8 2.5-4.5c8.8-67.8 8.8-136.5.1-204.4zm-44.3-6.9c-.2-1.8-1-3.4-2.3-4.6s-3-1.8-4.8-1.8s-3.5.7-4.8 1.8s-2.1 2.8-2.3 4.6c-6.7 72-10.2 139.3 0 211.1c0 1.9.7 3.7 2.1 5s3.1 2.1 5 2.1s3.7-.7 5-2.1s2.1-3.1 2.1-5c10.5-72.8 7.3-138.2.1-211.1zm-44 20.6c0-1.9-.8-3.8-2.1-5.2s-3.2-2.1-5.2-2.1s-3.8.8-5.2 2.1s-2.1 3.2-2.1 5.2c-8.1 63.3-8.1 127.5 0 190.8c.2 1.8 1 3.4 2.4 4.6s3.1 1.9 4.8 1.9s3.5-.7 4.8-1.9s2.2-2.8 2.4-4.6c8.8-63.3 8.9-127.5.3-190.8zM109 233.7c0-1.9-.8-3.8-2.1-5.1s-3.2-2.1-5.1-2.1s-3.8.8-5.1 2.1s-2.1 3.2-2.1 5.1c-10.5 49.2-5.5 93.9.4 143.6c.3 1.6 1.1 3.1 2.3 4.2s2.8 1.7 4.5 1.7s3.2-.6 4.5-1.7s2.1-2.5 2.3-4.2c6.6-50.4 11.6-94.1.4-143.6m-44.1-7.5c-.2-1.8-1.1-3.5-2.4-4.8s-3.2-1.9-5-1.9s-3.6.7-5 1.9s-2.2 2.9-2.4 4.8c-9.3 50.2-6.2 94.4.3 144.5c.7 7.6 13.6 7.5 14.4 0c7.2-50.9 10.5-93.8.3-144.5zm-44.6 24.6c-.2-1.8-1.1-3.5-2.4-4.8s-3.2-1.9-5-1.9s-3.6.7-5 1.9s-2.3 2.9-2.4 4.8c-8.5 33.7-5.9 61.6.6 95.4c.2 1.7 1 3.3 2.3 4.4s2.9 1.8 4.7 1.8s3.4-.6 4.7-1.8s2.1-2.7 2.3-4.4c7.5-34.5 11.2-61.8.4-95.4z"/></svg>
  );
}

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M639.8 298.6c-1.3 23.1-11.5 44.8-28.4 60.5s-39.2 24.4-62.3 24.1h-218c-4.8 0-9.4-2-12.8-5.4s-5.3-8-5.3-12.8V130.2c-.2-4 .9-8 3.1-11.4s5.3-6.1 9-7.7c0 0 20.1-13.9 62.3-13.9c25.8 0 51.1 6.9 73.3 20.1c17.3 10.2 32.3 23.8 44.1 40.1s20 34.8 24.2 54.4c7.5-2.1 15.3-3.2 23.1-3.2c11.7-.1 23.3 2.2 34.2 6.7s20.5 11.3 28.7 19.7s14.6 18.3 18.9 29.3s6.3 22.6 5.9 34.3m-354-153.5c.1-1 0-2-.3-2.9s-.8-1.8-1.5-2.6s-1.5-1.3-2.4-1.7s-1.9-.6-2.9-.6s-2 .2-2.9.6s-1.7 1-2.4 1.7s-1.2 1.6-1.5 2.6s-.4 1.9-.3 2.9c-6 78.9-10.6 152.9 0 231.6c.2 1.7 1 3.3 2.3 4.5s3 1.8 4.7 1.8s3.4-.6 4.7-1.8s2.1-2.8 2.3-4.5c11.3-79.4 6.6-152 0-231.6zm-44 27.3c-.2-1.8-1.1-3.5-2.4-4.7s-3.1-1.9-5-1.9s-3.6.7-5 1.9s-2.2 2.9-2.4 4.7c-7.9 67.9-7.9 136.5 0 204.4c.3 1.8 1.2 3.4 2.5 4.5s3.1 1.8 4.8 1.8s3.5-.6 4.8-1.8s2.2-2.8 2.5-4.5c8.8-67.8 8.8-136.5.1-204.4zm-44.3-6.9c-.2-1.8-1-3.4-2.3-4.6s-3-1.8-4.8-1.8s-3.5.7-4.8 1.8s-2.1 2.8-2.3 4.6c-6.7 72-10.2 139.3 0 211.1c0 1.9.7 3.7 2.1 5s3.1 2.1 5 2.1s3.7-.7 5-2.1s2.1-3.1 2.1-5c10.5-72.8 7.3-138.2.1-211.1zm-44 20.6c0-1.9-.8-3.8-2.1-5.2s-3.2-2.1-5.2-2.1s-3.8.8-5.2 2.1s-2.1 3.2-2.1 5.2c-8.1 63.3-8.1 127.5 0 190.8c.2 1.8 1 3.4 2.4 4.6s3.1 1.9 4.8 1.9s3.5-.7 4.8-1.9s2.2-2.8 2.4-4.6c8.8-63.3 8.9-127.5.3-190.8zM109 233.7c0-1.9-.8-3.8-2.1-5.1s-3.2-2.1-5.1-2.1s-3.8.8-5.1 2.1s-2.1 3.2-2.1 5.1c-10.5 49.2-5.5 93.9.4 143.6c.3 1.6 1.1 3.1 2.3 4.2s2.8 1.7 4.5 1.7s3.2-.6 4.5-1.7s2.1-2.5 2.3-4.2c6.6-50.4 11.6-94.1.4-143.6m-44.1-7.5c-.2-1.8-1.1-3.5-2.4-4.8s-3.2-1.9-5-1.9s-3.6.7-5 1.9s-2.2 2.9-2.4 4.8c-9.3 50.2-6.2 94.4.3 144.5c.7 7.6 13.6 7.5 14.4 0c7.2-50.9 10.5-93.8.3-144.5zm-44.6 24.6c-.2-1.8-1.1-3.5-2.4-4.8s-3.2-1.9-5-1.9s-3.6.7-5 1.9s-2.3 2.9-2.4 4.8c-8.5 33.7-5.9 61.6.6 95.4c.2 1.7 1 3.3 2.3 4.4s2.9 1.8 4.7 1.8s3.4-.6 4.7-1.8s2.1-2.7 2.3-4.4c7.5-34.5 11.2-61.8.4-95.4z"/></svg>
</template>

.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%20640%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M639.8%20298.6c-1.3%2023.1-11.5%2044.8-28.4%2060.5s-39.2%2024.4-62.3%2024.1h-218c-4.8%200-9.4-2-12.8-5.4s-5.3-8-5.3-12.8V130.2c-.2-4%20.9-8%203.1-11.4s5.3-6.1%209-7.7c0%200%2020.1-13.9%2062.3-13.9c25.8%200%2051.1%206.9%2073.3%2020.1c17.3%2010.2%2032.3%2023.8%2044.1%2040.1s20%2034.8%2024.2%2054.4c7.5-2.1%2015.3-3.2%2023.1-3.2c11.7-.1%2023.3%202.2%2034.2%206.7s20.5%2011.3%2028.7%2019.7s14.6%2018.3%2018.9%2029.3s6.3%2022.6%205.9%2034.3m-354-153.5c.1-1%200-2-.3-2.9s-.8-1.8-1.5-2.6s-1.5-1.3-2.4-1.7s-1.9-.6-2.9-.6s-2%20.2-2.9.6s-1.7%201-2.4%201.7s-1.2%201.6-1.5%202.6s-.4%201.9-.3%202.9c-6%2078.9-10.6%20152.9%200%20231.6c.2%201.7%201%203.3%202.3%204.5s3%201.8%204.7%201.8s3.4-.6%204.7-1.8s2.1-2.8%202.3-4.5c11.3-79.4%206.6-152%200-231.6zm-44%2027.3c-.2-1.8-1.1-3.5-2.4-4.7s-3.1-1.9-5-1.9s-3.6.7-5%201.9s-2.2%202.9-2.4%204.7c-7.9%2067.9-7.9%20136.5%200%20204.4c.3%201.8%201.2%203.4%202.5%204.5s3.1%201.8%204.8%201.8s3.5-.6%204.8-1.8s2.2-2.8%202.5-4.5c8.8-67.8%208.8-136.5.1-204.4zm-44.3-6.9c-.2-1.8-1-3.4-2.3-4.6s-3-1.8-4.8-1.8s-3.5.7-4.8%201.8s-2.1%202.8-2.3%204.6c-6.7%2072-10.2%20139.3%200%20211.1c0%201.9.7%203.7%202.1%205s3.1%202.1%205%202.1s3.7-.7%205-2.1s2.1-3.1%202.1-5c10.5-72.8%207.3-138.2.1-211.1zm-44%2020.6c0-1.9-.8-3.8-2.1-5.2s-3.2-2.1-5.2-2.1s-3.8.8-5.2%202.1s-2.1%203.2-2.1%205.2c-8.1%2063.3-8.1%20127.5%200%20190.8c.2%201.8%201%203.4%202.4%204.6s3.1%201.9%204.8%201.9s3.5-.7%204.8-1.9s2.2-2.8%202.4-4.6c8.8-63.3%208.9-127.5.3-190.8zM109%20233.7c0-1.9-.8-3.8-2.1-5.1s-3.2-2.1-5.1-2.1s-3.8.8-5.1%202.1s-2.1%203.2-2.1%205.1c-10.5%2049.2-5.5%2093.9.4%20143.6c.3%201.6%201.1%203.1%202.3%204.2s2.8%201.7%204.5%201.7s3.2-.6%204.5-1.7s2.1-2.5%202.3-4.2c6.6-50.4%2011.6-94.1.4-143.6m-44.1-7.5c-.2-1.8-1.1-3.5-2.4-4.8s-3.2-1.9-5-1.9s-3.6.7-5%201.9s-2.2%202.9-2.4%204.8c-9.3%2050.2-6.2%2094.4.3%20144.5c.7%207.6%2013.6%207.5%2014.4%200c7.2-50.9%2010.5-93.8.3-144.5zm-44.6%2024.6c-.2-1.8-1.1-3.5-2.4-4.8s-3.2-1.9-5-1.9s-3.6.7-5%201.9s-2.3%202.9-2.4%204.8c-8.5%2033.7-5.9%2061.6.6%2095.4c.2%201.7%201%203.3%202.3%204.4s2.9%201.8%204.7%201.8s3.4-.6%204.7-1.8s2.1-2.7%202.3-4.4c7.5-34.5%2011.2-61.8.4-95.4z%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%20640%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M639.8%20298.6c-1.3%2023.1-11.5%2044.8-28.4%2060.5s-39.2%2024.4-62.3%2024.1h-218c-4.8%200-9.4-2-12.8-5.4s-5.3-8-5.3-12.8V130.2c-.2-4%20.9-8%203.1-11.4s5.3-6.1%209-7.7c0%200%2020.1-13.9%2062.3-13.9c25.8%200%2051.1%206.9%2073.3%2020.1c17.3%2010.2%2032.3%2023.8%2044.1%2040.1s20%2034.8%2024.2%2054.4c7.5-2.1%2015.3-3.2%2023.1-3.2c11.7-.1%2023.3%202.2%2034.2%206.7s20.5%2011.3%2028.7%2019.7s14.6%2018.3%2018.9%2029.3s6.3%2022.6%205.9%2034.3m-354-153.5c.1-1%200-2-.3-2.9s-.8-1.8-1.5-2.6s-1.5-1.3-2.4-1.7s-1.9-.6-2.9-.6s-2%20.2-2.9.6s-1.7%201-2.4%201.7s-1.2%201.6-1.5%202.6s-.4%201.9-.3%202.9c-6%2078.9-10.6%20152.9%200%20231.6c.2%201.7%201%203.3%202.3%204.5s3%201.8%204.7%201.8s3.4-.6%204.7-1.8s2.1-2.8%202.3-4.5c11.3-79.4%206.6-152%200-231.6zm-44%2027.3c-.2-1.8-1.1-3.5-2.4-4.7s-3.1-1.9-5-1.9s-3.6.7-5%201.9s-2.2%202.9-2.4%204.7c-7.9%2067.9-7.9%20136.5%200%20204.4c.3%201.8%201.2%203.4%202.5%204.5s3.1%201.8%204.8%201.8s3.5-.6%204.8-1.8s2.2-2.8%202.5-4.5c8.8-67.8%208.8-136.5.1-204.4zm-44.3-6.9c-.2-1.8-1-3.4-2.3-4.6s-3-1.8-4.8-1.8s-3.5.7-4.8%201.8s-2.1%202.8-2.3%204.6c-6.7%2072-10.2%20139.3%200%20211.1c0%201.9.7%203.7%202.1%205s3.1%202.1%205%202.1s3.7-.7%205-2.1s2.1-3.1%202.1-5c10.5-72.8%207.3-138.2.1-211.1zm-44%2020.6c0-1.9-.8-3.8-2.1-5.2s-3.2-2.1-5.2-2.1s-3.8.8-5.2%202.1s-2.1%203.2-2.1%205.2c-8.1%2063.3-8.1%20127.5%200%20190.8c.2%201.8%201%203.4%202.4%204.6s3.1%201.9%204.8%201.9s3.5-.7%204.8-1.9s2.2-2.8%202.4-4.6c8.8-63.3%208.9-127.5.3-190.8zM109%20233.7c0-1.9-.8-3.8-2.1-5.1s-3.2-2.1-5.1-2.1s-3.8.8-5.1%202.1s-2.1%203.2-2.1%205.1c-10.5%2049.2-5.5%2093.9.4%20143.6c.3%201.6%201.1%203.1%202.3%204.2s2.8%201.7%204.5%201.7s3.2-.6%204.5-1.7s2.1-2.5%202.3-4.2c6.6-50.4%2011.6-94.1.4-143.6m-44.1-7.5c-.2-1.8-1.1-3.5-2.4-4.8s-3.2-1.9-5-1.9s-3.6.7-5%201.9s-2.2%202.9-2.4%204.8c-9.3%2050.2-6.2%2094.4.3%20144.5c.7%207.6%2013.6%207.5%2014.4%200c7.2-50.9%2010.5-93.8.3-144.5zm-44.6%2024.6c-.2-1.8-1.1-3.5-2.4-4.8s-3.2-1.9-5-1.9s-3.6.7-5%201.9s-2.3%202.9-2.4%204.8c-8.5%2033.7-5.9%2061.6.6%2095.4c.2%201.7%201%203.3%202.3%204.4s2.9%201.8%204.7%201.8s3.4-.6%204.7-1.8s2.1-2.7%202.3-4.4c7.5-34.5%2011.2-61.8.4-95.4z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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