High Tide icon
game-icons:high-tide
The High Tide icon (game-icons:high-tide) is a free SVG icon from the Game Icons set by GameIcons. It is drawn on a 512 × 512 grid. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Game Icons
- Author
- GameIcons
- License
- CC-BY-3.0
- Size
- 512 × 512
- Tags
- hightide
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M40 24v464h80v-32H80v-16h40v-48H80v-16h40v-48H80v-16h40v-48H80v-16h40v-48H80v-16h40v-48H80v-16h40V72H80V56h40V24zm152 8c-15.503 0-31.65 8.898-45.133 17.184A257 257 0 0 0 136 56.268V75.96c3.741-2.82 10.696-7.891 19.244-13.145C167.8 55.102 183.652 48 192 48s16.977 6.256 27.014 14.256S240.497 80 256 80s26.95-9.744 36.986-17.744C303.023 54.256 311.652 48 320 48s16.977 6.256 27.014 14.256S368.497 80 384 80s26.95-9.744 36.986-17.744C431.023 54.256 439.652 48 448 48s24.201 7.102 36.756 14.816A244 244 0 0 1 496 70.186V50.992c-.95-.603-1.88-1.202-2.867-1.808C479.65 40.898 463.503 32 448 32s-26.95 9.744-36.986 17.744C400.977 57.744 392.348 64 384 64s-16.977-6.256-27.014-14.256S335.503 32 320 32s-26.95 9.744-36.986 17.744C272.977 57.744 264.348 64 256 64s-16.977-6.256-27.014-14.256S207.503 32 192 32m0 48c-15.503 0-31.65 8.898-45.133 17.184A257 257 0 0 0 136 104.268v19.693c3.741-2.82 10.696-7.891 19.244-13.145C167.8 103.102 183.652 96 192 96s16.977 6.256 27.014 14.256S240.497 128 256 128s26.95-9.744 36.986-17.744C303.023 102.256 311.652 96 320 96s16.977 6.256 27.014 14.256S368.497 128 384 128s26.95-9.744 36.986-17.744C431.023 102.256 439.652 96 448 96s24.201 7.102 36.756 14.816a244 244 0 0 1 11.244 7.37V98.992c-.95-.603-1.88-1.202-2.867-1.808C479.65 88.898 463.503 80 448 80s-26.95 9.744-36.986 17.744C400.977 105.744 392.348 112 384 112s-16.977-6.256-27.014-14.256S335.503 80 320 80s-26.95 9.744-36.986 17.744C272.977 105.744 264.348 112 256 112s-16.977-6.256-27.014-14.256S207.503 80 192 80"/></svg>How to use the High Tide icon
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:high-tide" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:high-tide" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:high-tide" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--high-tide]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:high-tide"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:high-tide"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/game-icons/high-tide.svg" alt="High Tide icon" width="24" height="24">Related icons in Game Icons
High Tide icon FAQ
Is the High Tide icon free for commercial use?
Yes. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the High Tide icon in React?
Install @iconify/react and render <Icon icon="game-icons:high-tide" />, or use “Copy code” on this page to get a standalone React component.
How do I add the High Tide icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/high-tide.svg" alt="High Tide icon">, or paste the SVG code inline to style it with CSS.