Undertow icon

logos:undertow

The Undertow icon (logos:undertow) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 146 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: 256 × 146

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="146" viewBox="0 0 256 146"><path fill="#8f9495" d="M146.882 122.218c-42.006 0-65.44-22.839-65.982-64.31c-.11-8.535.867-38.232 2.733-49.953c0 0 18.647-7.954 19.056-7.954c.13 0 16.746 11.69 16.746 11.69c-.893 10.003-1.32 40.609-1.254 45.73c.326 24.898 10.184 37.523 29.292 37.52l.56-.002c24.466-.321 29.333-20.866 29.106-38.047c-.043-3.479-1.024-37.418-1.754-44.88L193.636.235l18.655 8.169c.723 7.05 1.822 43.034 1.887 48.002c.551 41.87-22.814 65.238-65.785 65.798q-.762.016-1.51.014"/><path fill="#496b8c" d="M234.678 72.028s4.493 14.502 11.293-1.28c6.8-15.784 3.355-38.29 3.355-38.29s21.395 45.506-12.43 79.161c0 0-7.506 8.594-23.789 13.445c0 .003 25.506-21.495 21.571-53.036"/><path fill="#4a5d75" d="M50.327 90.25c40.061 15.927 60.311 49.93 120.226 37.147c59.914-12.782 51.126-73.493 51.126-73.493s13.18 30.553-7.19 62.308c-17.863 27.846-72.494 50.329-142.592-2.796c0 0-40.743-34.35-71.898-16.374c0-.002 17.674-19.773 50.328-6.791"/><path fill="#4b73a2" d="M82.817 97.502c-2.3-3.717-5.5-9.425-6.683-14.153c0 0-14.794-14.002-33.544-8.994c-9.538 1.75-15.698 7.965-15.698 7.965c15.869-4.717 21.92-3.515 37.2 5.194c12.757 7.273 28.503 21.389 18.725 9.988"/></svg>

How to use the Undertow icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Undertow icon FAQ

Is the Undertow 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 Undertow icon in React?

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

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

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

Browse all SVG Logos icons →