Cloudhosting icon
whh:cloudhosting
The Cloudhosting icon (whh:cloudhosting) 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="M896 1024H128q-53 0-90.5-37.5T0 896t37.5-90.5T128 768h768q53 0 90.5 37.5T1024 896t-37.5 90.5T896 1024M191.5 832q-26.5 0-45 18.5t-18.5 45t18.5 45.5t45 19t45.5-18.5t19-45.5t-19-45.5t-45.5-18.5m640.5 0H448q-27 0-45.5 18.5t-18.5 45t18.5 45.5t45.5 19h384q26 0 45-18.5t19-45.5t-19-45.5t-45-18.5m-96-128H256q-80 0-136-56T64 512q0-57 30.5-103.5T175 338q34 54 87.5 90T380 475q-57-34-90.5-92T256 256q0-106 75-181T512 0q81 0 146 45.5T751 164q-103 18-171 98t-68 186q0 11 1 22q4-89 68.5-151.5T736 256q93 0 158.5 65.5T960 480t-65.5 158.5T736 704"/></svg>How to use the Cloudhosting icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:cloudhosting" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:cloudhosting" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:cloudhosting" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--cloudhosting]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:cloudhosting"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:cloudhosting"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/whh/cloudhosting.svg" alt="Cloudhosting icon" width="24" height="24">Cloudhosting icon FAQ
Is the Cloudhosting 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 Cloudhosting icon in React?
Install @iconify/react and render <Icon icon="whh:cloudhosting" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Cloudhosting icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/cloudhosting.svg" alt="Cloudhosting icon">, or paste the SVG code inline to style it with CSS.