TIDAL logo
The TIDAL logo as clean SVG, in brand color and mono, with a dark-mode variant. Copy it, download it, or install it as a typed React component.
- Brand color
- #000000
- Categories
- Media & music
- Variants
- 5 SVG files
- Website
- tidal.com
- Source
- gilbarbara/logos · CC0
Blockforgeshadcn/ui blocks, forged to ship
Use the TIDAL logo
shadcn CLI
npx shadcn@latest add @logoforge/tidalWorks out of the box — @logoforge is in the official shadcn directory. Prefer your AI editor? Use the MCP server.
React
import { TidalLogo } from "@/components/logos/tidal";
<TidalLogo className="size-8" />
<TidalLogo variant="mono" /> {/* currentColor */}
<TidalLogo type="wordmark" className="h-6 w-auto" />icon.svg
<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 256 171"><title>Tidal</title><path fill="#0a0b09" d="m128.004 85.339 42.664 42.67-42.664 42.667-42.669-42.667zM42.667.002 85.335 42.67 42.667 85.34 0 42.67zm170.666 0L256 42.67l-42.667 42.67-42.666-42.67-42.663 42.669-42.669-42.67L128.004 0l42.663 42.665z"/></svg>Download
Related logos
TIDAL and the TIDAL logo are trademarks of their respective owner. Logoforge is not affiliated with or endorsed by TIDAL; the logo is provided to refer to the product. Follow the brand's own guidelines. Own this brand and want it removed? Contact us — handled within 72 hours.