Dolphin icon
whh:dolphin
The Dolphin icon (whh:dolphin) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 1025 × 1024 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
- 1025 × 1024
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1025" height="1024" viewBox="0 0 1025 1024"><path fill="currentColor" d="M805.193 888q17 33 24 63.5t.5 51.5t-29.5 21q-61-82-119-180q-28-20-85-50.5t-102-55.5t-103-74t-103-110q0 12-8 22.5t-16 25t-8 38.5v8q0 16-.5 23t-3 16.5t-9.5 13t-19 3.5q-25 0-60.5-50t-35.5-78q0-54 19-121.5t43-70.5q-32-58-42-78q-24-39-65-100t-62-95t-21-47q0-26 18.5-45t45.5-19t45.5 19t18.5 45q0 7 5 32q46-32 123-32q48 0 132.5 69t123.5 123q0 1 1 2l1 1q55 9 113 36.5t99.5 69.5t41.5 83v1q-15 1-59.5-.5t-67.5-1.5q20 36 31 65q13 36 22 86q8 4 10 10q18 44 57.5 88t83 78t85 66t68 63t26.5 57l-34-10l-88.5-28z"/></svg>
How to use the Dolphin icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:dolphin" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:dolphin" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:dolphin" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--dolphin]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:dolphin"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:dolphin"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/whh/dolphin.svg" alt="Dolphin icon" width="24" height="24">
Related icons in WebHostingHub Glyphs
Dolphin icon in other icon sets
Dolphin icon FAQ
Is the Dolphin 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 Dolphin icon in React?
Install @iconify/react and render <Icon icon="whh:dolphin" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Dolphin icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/dolphin.svg" alt="Dolphin icon">, or paste the SVG code inline to style it with CSS.
Browse all WebHostingHub Glyphs icons →
ICONYZ
