Splitthree icon
whh:splitthree
The Splitthree icon (whh:splitthree) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 1024 × 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
- 1024 × 1024
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="m1021 856l-116 163q-4 5-9.5 5t-9.5-5L770 856q-6-10 4-24h58V704q0-26-16.5-52.5T768 600t-60.5-45.5t-70-46.5t-61.5-43v367h58q10 14 3 24l-116 163q-3 5-9 5t-10-5L387 856q-7-10 3-24h58V470q-22 16-61.5 41.5T317 557t-60.5 44.5T209 652t-17 52v128h58q10 14 3 24l-115 163q-4 5-10 5t-9-5L3 856q-7-10 3-24h58V640q0-30 28.5-64.5t71-65.5t92.5-65.5t92.5-64.5t71-63t28.5-61V64q0-26 19-45t45.5-19t45 19T576 64v192q0 27 28.5 59.5t71 62.5t92.5 65t92.5 66t71 66t28.5 65v192h58q10 14 3 24"/></svg>How to use the Splitthree icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:splitthree" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:splitthree" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:splitthree" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--splitthree]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:splitthree"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:splitthree"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/whh/splitthree.svg" alt="Splitthree icon" width="24" height="24">Splitthree icon FAQ
Is the Splitthree 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 Splitthree icon in React?
Install @iconify/react and render <Icon icon="whh:splitthree" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Splitthree icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/splitthree.svg" alt="Splitthree icon">, or paste the SVG code inline to style it with CSS.