tidal logo

The same logo in other sets

Use the tidal logo

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M107.2 112h-1.3c-32.3 33.1-65.4 65.5-98 98.5c-2.6 2.8-6.1 5.1-7.9 8.6c35.6 35.4 71 71 106.6 106.4c35.4-35.3 70.7-70.8 106.1-106.1v-1.3l-73.2-73.2c-10.7-11.1-22.2-21.3-32.3-32.9m213.5 0h-1.3c-34.9 36.1-71.5 71-106.3 107.2c35.9 35.1 71 71 106.7 106.3c34.3-34.1 68.4-68.4 102.6-102.4c1.5-1.5 3.3-2.8 4.1-4.8c-34.6-33.8-68.4-68.2-102.6-102.1c-1.3-1.3-2.3-2.6-3.3-4.1zm213.5 0h-1.3c-17.2 18-35.1 35.3-52.6 53c-17.9 17.7-35.4 35.7-53.5 53.3c.8 2.3 3 3.6 4.6 5.5l101.9 101.7c36.1-34.9 70.8-71.2 106.7-106.1c-.5-2.2-2.6-3.5-4-5l-80.2-80.2c-7.1-7.4-14.9-14.2-21.5-22.2zM319.6 325.7c-34.9 35.1-70 70-104.9 104.9c-.3.7-.7 1.7-1 2.3c24 23.7 47.7 47.5 71.5 71.3c11.8 11.3 22.8 23.5 34.9 34.4c8.4-7.4 16.4-16.4 24.7-24.3c25.5-25.3 51-51 76.5-76.3c1.8-2.2 4.3-3.6 5.5-6.3c-35.4-34.9-70.5-70.2-105.6-105.4l-1.5-.7z"/></svg>

import type { SVGProps } from "react";

export function Fa7BrandsTidal(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M107.2 112h-1.3c-32.3 33.1-65.4 65.5-98 98.5c-2.6 2.8-6.1 5.1-7.9 8.6c35.6 35.4 71 71 106.6 106.4c35.4-35.3 70.7-70.8 106.1-106.1v-1.3l-73.2-73.2c-10.7-11.1-22.2-21.3-32.3-32.9m213.5 0h-1.3c-34.9 36.1-71.5 71-106.3 107.2c35.9 35.1 71 71 106.7 106.3c34.3-34.1 68.4-68.4 102.6-102.4c1.5-1.5 3.3-2.8 4.1-4.8c-34.6-33.8-68.4-68.2-102.6-102.1c-1.3-1.3-2.3-2.6-3.3-4.1zm213.5 0h-1.3c-17.2 18-35.1 35.3-52.6 53c-17.9 17.7-35.4 35.7-53.5 53.3c.8 2.3 3 3.6 4.6 5.5l101.9 101.7c36.1-34.9 70.8-71.2 106.7-106.1c-.5-2.2-2.6-3.5-4-5l-80.2-80.2c-7.1-7.4-14.9-14.2-21.5-22.2zM319.6 325.7c-34.9 35.1-70 70-104.9 104.9c-.3.7-.7 1.7-1 2.3c24 23.7 47.7 47.5 71.5 71.3c11.8 11.3 22.8 23.5 34.9 34.4c8.4-7.4 16.4-16.4 24.7-24.3c25.5-25.3 51-51 76.5-76.3c1.8-2.2 4.3-3.6 5.5-6.3c-35.4-34.9-70.5-70.2-105.6-105.4l-1.5-.7z"/></svg>
  );
}

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M107.2 112h-1.3c-32.3 33.1-65.4 65.5-98 98.5c-2.6 2.8-6.1 5.1-7.9 8.6c35.6 35.4 71 71 106.6 106.4c35.4-35.3 70.7-70.8 106.1-106.1v-1.3l-73.2-73.2c-10.7-11.1-22.2-21.3-32.3-32.9m213.5 0h-1.3c-34.9 36.1-71.5 71-106.3 107.2c35.9 35.1 71 71 106.7 106.3c34.3-34.1 68.4-68.4 102.6-102.4c1.5-1.5 3.3-2.8 4.1-4.8c-34.6-33.8-68.4-68.2-102.6-102.1c-1.3-1.3-2.3-2.6-3.3-4.1zm213.5 0h-1.3c-17.2 18-35.1 35.3-52.6 53c-17.9 17.7-35.4 35.7-53.5 53.3c.8 2.3 3 3.6 4.6 5.5l101.9 101.7c36.1-34.9 70.8-71.2 106.7-106.1c-.5-2.2-2.6-3.5-4-5l-80.2-80.2c-7.1-7.4-14.9-14.2-21.5-22.2zM319.6 325.7c-34.9 35.1-70 70-104.9 104.9c-.3.7-.7 1.7-1 2.3c24 23.7 47.7 47.5 71.5 71.3c11.8 11.3 22.8 23.5 34.9 34.4c8.4-7.4 16.4-16.4 24.7-24.3c25.5-25.3 51-51 76.5-76.3c1.8-2.2 4.3-3.6 5.5-6.3c-35.4-34.9-70.5-70.2-105.6-105.4l-1.5-.7z"/></svg>
</template>

.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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M107.2%20112h-1.3c-32.3%2033.1-65.4%2065.5-98%2098.5c-2.6%202.8-6.1%205.1-7.9%208.6c35.6%2035.4%2071%2071%20106.6%20106.4c35.4-35.3%2070.7-70.8%20106.1-106.1v-1.3l-73.2-73.2c-10.7-11.1-22.2-21.3-32.3-32.9m213.5%200h-1.3c-34.9%2036.1-71.5%2071-106.3%20107.2c35.9%2035.1%2071%2071%20106.7%20106.3c34.3-34.1%2068.4-68.4%20102.6-102.4c1.5-1.5%203.3-2.8%204.1-4.8c-34.6-33.8-68.4-68.2-102.6-102.1c-1.3-1.3-2.3-2.6-3.3-4.1zm213.5%200h-1.3c-17.2%2018-35.1%2035.3-52.6%2053c-17.9%2017.7-35.4%2035.7-53.5%2053.3c.8%202.3%203%203.6%204.6%205.5l101.9%20101.7c36.1-34.9%2070.8-71.2%20106.7-106.1c-.5-2.2-2.6-3.5-4-5l-80.2-80.2c-7.1-7.4-14.9-14.2-21.5-22.2zM319.6%20325.7c-34.9%2035.1-70%2070-104.9%20104.9c-.3.7-.7%201.7-1%202.3c24%2023.7%2047.7%2047.5%2071.5%2071.3c11.8%2011.3%2022.8%2023.5%2034.9%2034.4c8.4-7.4%2016.4-16.4%2024.7-24.3c25.5-25.3%2051-51%2076.5-76.3c1.8-2.2%204.3-3.6%205.5-6.3c-35.4-34.9-70.5-70.2-105.6-105.4l-1.5-.7z%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%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M107.2%20112h-1.3c-32.3%2033.1-65.4%2065.5-98%2098.5c-2.6%202.8-6.1%205.1-7.9%208.6c35.6%2035.4%2071%2071%20106.6%20106.4c35.4-35.3%2070.7-70.8%20106.1-106.1v-1.3l-73.2-73.2c-10.7-11.1-22.2-21.3-32.3-32.9m213.5%200h-1.3c-34.9%2036.1-71.5%2071-106.3%20107.2c35.9%2035.1%2071%2071%20106.7%20106.3c34.3-34.1%2068.4-68.4%20102.6-102.4c1.5-1.5%203.3-2.8%204.1-4.8c-34.6-33.8-68.4-68.2-102.6-102.1c-1.3-1.3-2.3-2.6-3.3-4.1zm213.5%200h-1.3c-17.2%2018-35.1%2035.3-52.6%2053c-17.9%2017.7-35.4%2035.7-53.5%2053.3c.8%202.3%203%203.6%204.6%205.5l101.9%20101.7c36.1-34.9%2070.8-71.2%20106.7-106.1c-.5-2.2-2.6-3.5-4-5l-80.2-80.2c-7.1-7.4-14.9-14.2-21.5-22.2zM319.6%20325.7c-34.9%2035.1-70%2070-104.9%20104.9c-.3.7-.7%201.7-1%202.3c24%2023.7%2047.7%2047.5%2071.5%2071.3c11.8%2011.3%2022.8%2023.5%2034.9%2034.4c8.4-7.4%2016.4-16.4%2024.7-24.3c25.5-25.3%2051-51%2076.5-76.3c1.8-2.2%204.3-3.6%205.5-6.3c-35.4-34.9-70.5-70.2-105.6-105.4l-1.5-.7z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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