Fork icon
whh:fork
The Fork icon (whh:fork) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 1025 × 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
- 1025 × 1023
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1025" height="1023" viewBox="0 0 1025 1023"><path fill="currentColor" d="M990.5 988.5q-25.5 25.5-58.5 32t-70.5-9.5t-72.5-54L499 617q-64 30-136.5 17.5T237 569L16 347Q0 332 0 309.5T16 271t38.5-16T92 271l234 234q38-9 73-30L144 220q-16-16-16-38.5t16-38.5t38-16t38 16l256 255q21-34 30-72L272 92q-16-16-16-38.5t15.5-38t38-15.5T348 16l223 220q52 53 64.5 126T618 499l340 288q38 34 54.5 72t10 71t-32 58.5"/></svg>
How to use the Fork icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:fork" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:fork" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:fork" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--fork]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:fork"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:fork"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/whh/fork.svg" alt="Fork icon" width="24" height="24">
Related icons in WebHostingHub Glyphs
Fork icon in other icon sets
Fork icon FAQ
Is the Fork 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 Fork icon in React?
Install @iconify/react and render <Icon icon="whh:fork" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Fork icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/fork.svg" alt="Fork icon">, or paste the SVG code inline to style it with CSS.
Browse all WebHostingHub Glyphs icons →
ICONYZ
