Tiderise icon
whh:tiderise
The Tiderise icon (whh:tiderise) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 1024 × 1023 grid. WebHostingHub Glyphs icons are released under the Open Font 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
- WebHostingHub Glyphs
- Author
- WebHostingHub
- License
- OFL-1.1
- Size
- 1024 × 1023
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1023" viewBox="0 0 1024 1023"><path fill="currentColor" d="M896 590q-53-18-118-15t-125.5 20.5t-130 39t-132 40.5T258 700.5T128 695q-54-11-91-35.5T0 608q0-29 38-43t90-4q43 19 103 16t121-20.5t133-39t139-41t139-26t133 5.5q54 11 91 35.5t37 51.5q0 30-39.5 46t-88.5 1M576 192v95q0 14-9.5 23t-22.5 9h-64q-13 0-22.5-9t-9.5-23v-95H335q-25-23-8-38L489 8q9-8 23-8t24 8l162 146q16 15-9 38zM128 881q43 19 103 16t121-20.5t133-39t139-41t139-26t133 5.5q54 11 91 35.5t37 51.5q0 30-39.5 46t-88.5 1q-53-18-118-15t-125.5 20.5t-130 39t-132 40.5t-132.5 25.5t-130-5.5q-54-11-91-35.5T0 927t38-42t90-4"/></svg>How to use the Tiderise icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:tiderise" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:tiderise" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:tiderise" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--tiderise]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:tiderise"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:tiderise"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/whh/tiderise.svg" alt="Tiderise icon" width="24" height="24">Tiderise icon FAQ
Is the Tiderise icon free for commercial use?
Yes. WebHostingHub Glyphs icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Tiderise icon in React?
Install @iconify/react and render <Icon icon="whh:tiderise" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Tiderise icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/tiderise.svg" alt="Tiderise icon">, or paste the SVG code inline to style it with CSS.