Fishbone icon
whh:fishbone
The Fishbone icon (whh:fishbone) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 1024 × 614 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 × 614
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="614" viewBox="0 0 1024 614"><path fill="currentColor" d="M832 568q-34-34-47.5-81.5T769 376h-65v160q0 13-9.5 22.5T672 568t-22.5-9.5T640 536V376h-64v160q0 13-9.5 22.5T544 568t-22.5-9.5T512 536V376h-64v96q0 13-9.5 22.5T416 504t-22.5-9.5T384 472v-96h-64v32q0 13-9.5 22.5T288 440t-22.5-9.5T256 408v-32h-78q-20 53-58.5 98.5T32 536q-1-5-16.5-15.5T0 504q0-79 30.5-125t97.5-60v-14q-67-14-97.5-60T0 120q0-6 15.5-16.5T32 88q49 16 87.5 61.5T178 248h78v-32q0-13 9.5-22.5T288 184t22.5 9.5T320 216v32h64v-96q0-13 9.5-22.5T416 120t22.5 9.5T448 152v96h64V88q0-13 9.5-22.5T544 56t22.5 9.5T576 88v160h64V88q0-13 9.5-22.5T672 56t22.5 9.5T704 88v160h65q2-63 15.5-110.5T832 56q88 15 140 87t52 169t-52 169t-140 87m32-320q-13 0-22.5 9.5T832 280t9.5 22.5T864 312t22.5-9.5T896 280t-9.5-22.5T864 248"/></svg>How to use the Fishbone icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:fishbone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:fishbone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:fishbone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--fishbone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:fishbone"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:fishbone"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/whh/fishbone.svg" alt="Fishbone icon" width="24" height="24">Fishbone icon in other icon sets
Fishbone icon FAQ
Is the Fishbone 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 Fishbone icon in React?
Install @iconify/react and render <Icon icon="whh:fishbone" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Fishbone icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/fishbone.svg" alt="Fishbone icon">, or paste the SVG code inline to style it with CSS.