Tidal icon

logos:tidal

The Tidal icon (logos:tidal) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 68 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: SVG Logos
Author: Gil Barbara
License: CC0-1.0
Size: 512 × 68

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="68" 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>

How to use the Tidal icon

React

import { Icon } from "@iconify/react";

<Icon icon="logos:tidal" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:tidal" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:tidal" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--tidal]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:tidal"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:tidal"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/tidal.svg" alt="Tidal icon" width="24" height="24">

Related icons in SVG Logos

Tidal icon in other icon sets

Tidal icon FAQ

Is the Tidal icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Tidal icon in React?

Install @iconify/react and render <Icon icon="logos:tidal" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Tidal icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/tidal.svg" alt="Tidal icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →