Websitebuilder icon
whh:websitebuilder
The Websitebuilder icon (whh:websitebuilder) 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="M1024 256q-3 104-77.5 180T768 512q-29 0-60-8q8 31 33.5 51.5T800 576l96 96l82 85q46 46 46 110.5t-46 110t-110.5 45.5T757 978l-85-82l-96-96q0-40-28-68t-68-28l-7-7v-1l-247 319q-10 9-86.5 9t-85.5-9L9 971q-9-10-9-86.5T9 798l420-325l-216-217H96L0 64L64 0l192 96v116l222 223l66-51q0-1 1-1h1q-34-60-34-127q0-104 75.5-179T768 0v38l-82 78q-46 46-46 110.5T686 337t111 46t111-46l77-81zM128 832q-27 0-45.5 18.5t-18.5 45T82.5 941t45.5 19t45.5-19t18.5-45.5t-18.5-45T128 832"/></svg>How to use the Websitebuilder icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:websitebuilder" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:websitebuilder" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:websitebuilder" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--websitebuilder]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:websitebuilder"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:websitebuilder"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/whh/websitebuilder.svg" alt="Websitebuilder icon" width="24" height="24">Websitebuilder icon FAQ
Is the Websitebuilder 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 Websitebuilder icon in React?
Install @iconify/react and render <Icon icon="whh:websitebuilder" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Websitebuilder icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/websitebuilder.svg" alt="Websitebuilder icon">, or paste the SVG code inline to style it with CSS.