tidal logo

tidal from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name: tidal
Set: SVG Logos
Style: Color
Viewbox: 512×68
License: CC0

The same logo in other sets

tidalCoreUI Brands tidalFont Awesome Brands tidalSimple Icons tidalWeb3 Icons tidalWeb3 Icons Branded

Related icons in SVG Logos

Use the tidal logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 68"><path d="M203.294 8.504v11.264h-16.997v46.616h-13.142V19.768h-16.997V8.504zm52.548.001v57.88h-13.22V8.504zm233.294 0v46.457H512v11.422h-36.084V8.504zm-72.29 0l23.843 57.88h-14.53l-4.23-11.421h-24.404l-4.266 11.42H379.12l24.078-57.88zm-95.579 0c15.802 0 31.525 8.366 31.525 28.782c0 19.243-15.411 29.096-30.742 29.096h-22.2V8.505zm-.078 11.263h-8.51v35.273h8.198c11.028 0 18.382-6.882 18.382-17.833c0-10.403-7.431-17.44-18.07-17.44m88.598 2.276l-8.718 22.637h17.356zM50.825 33.88l16.942 16.942l-16.942 16.943l-16.942-16.943zM16.941 0l16.942 16.94l-16.942 16.94L0 16.94zm67.767 0l16.94 16.939l-16.94 16.942L67.765 16.94l-16.94 16.94l-16.942-16.943L50.825 0l16.942 16.937z"/></svg>

React

import type { SVGProps } from "react";

export function LogosTidal(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 68"><path d="M203.294 8.504v11.264h-16.997v46.616h-13.142V19.768h-16.997V8.504zm52.548.001v57.88h-13.22V8.504zm233.294 0v46.457H512v11.422h-36.084V8.504zm-72.29 0l23.843 57.88h-14.53l-4.23-11.421h-24.404l-4.266 11.42H379.12l24.078-57.88zm-95.579 0c15.802 0 31.525 8.366 31.525 28.782c0 19.243-15.411 29.096-30.742 29.096h-22.2V8.505zm-.078 11.263h-8.51v35.273h8.198c11.028 0 18.382-6.882 18.382-17.833c0-10.403-7.431-17.44-18.07-17.44m88.598 2.276l-8.718 22.637h17.356zM50.825 33.88l16.942 16.942l-16.942 16.943l-16.942-16.943zM16.941 0l16.942 16.94l-16.942 16.94L0 16.94zm67.767 0l16.94 16.939l-16.94 16.942L67.765 16.94l-16.94 16.94l-16.942-16.943L50.825 0l16.942 16.937z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 68"><path d="M203.294 8.504v11.264h-16.997v46.616h-13.142V19.768h-16.997V8.504zm52.548.001v57.88h-13.22V8.504zm233.294 0v46.457H512v11.422h-36.084V8.504zm-72.29 0l23.843 57.88h-14.53l-4.23-11.421h-24.404l-4.266 11.42H379.12l24.078-57.88zm-95.579 0c15.802 0 31.525 8.366 31.525 28.782c0 19.243-15.411 29.096-30.742 29.096h-22.2V8.505zm-.078 11.263h-8.51v35.273h8.198c11.028 0 18.382-6.882 18.382-17.833c0-10.403-7.431-17.44-18.07-17.44m88.598 2.276l-8.718 22.637h17.356zM50.825 33.88l16.942 16.942l-16.942 16.943l-16.942-16.943zM16.941 0l16.942 16.94l-16.942 16.94L0 16.94zm67.767 0l16.94 16.939l-16.94 16.942L67.765 16.94l-16.94 16.94l-16.942-16.943L50.825 0l16.942 16.937z"/></svg>
</template>

CSS

.icon-tidal {
  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%2068%22%3E%3Cpath%20d%3D%22M203.294%208.504v11.264h-16.997v46.616h-13.142V19.768h-16.997V8.504zm52.548.001v57.88h-13.22V8.504zm233.294%200v46.457H512v11.422h-36.084V8.504zm-72.29%200l23.843%2057.88h-14.53l-4.23-11.421h-24.404l-4.266%2011.42H379.12l24.078-57.88zm-95.579%200c15.802%200%2031.525%208.366%2031.525%2028.782c0%2019.243-15.411%2029.096-30.742%2029.096h-22.2V8.505zm-.078%2011.263h-8.51v35.273h8.198c11.028%200%2018.382-6.882%2018.382-17.833c0-10.403-7.431-17.44-18.07-17.44m88.598%202.276l-8.718%2022.637h17.356zM50.825%2033.88l16.942%2016.942l-16.942%2016.943l-16.942-16.943zM16.941%200l16.942%2016.94l-16.942%2016.94L0%2016.94zm67.767%200l16.94%2016.939l-16.94%2016.942L67.765%2016.94l-16.94%2016.94l-16.942-16.943L50.825%200l16.942%2016.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%20512%2068%22%3E%3Cpath%20d%3D%22M203.294%208.504v11.264h-16.997v46.616h-13.142V19.768h-16.997V8.504zm52.548.001v57.88h-13.22V8.504zm233.294%200v46.457H512v11.422h-36.084V8.504zm-72.29%200l23.843%2057.88h-14.53l-4.23-11.421h-24.404l-4.266%2011.42H379.12l24.078-57.88zm-95.579%200c15.802%200%2031.525%208.366%2031.525%2028.782c0%2019.243-15.411%2029.096-30.742%2029.096h-22.2V8.505zm-.078%2011.263h-8.51v35.273h8.198c11.028%200%2018.382-6.882%2018.382-17.833c0-10.403-7.431-17.44-18.07-17.44m88.598%202.276l-8.718%2022.637h17.356zM50.825%2033.88l16.942%2016.942l-16.942%2016.943l-16.942-16.943zM16.941%200l16.942%2016.94l-16.942%2016.94L0%2016.94zm67.767%200l16.94%2016.939l-16.94%2016.942L67.765%2016.94l-16.94%2016.94l-16.942-16.943L50.825%200l16.942%2016.937z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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