Cloveralt icon
whh:cloveralt
The Cloveralt icon (whh:cloveralt) 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 512q53 0 90.5 37.5T1024 640t-37.5 90.5T896 768q-46 0-83-10t-45-22L576 544q-19-19-19-32t19-32l192-192q10-11 47-21.5t81-10.5q53 0 90.5 37.5T1024 384t-37.5 90.5T896 512m-352-64q-19 19-32 19t-32-19L288 256q-11-10-21.5-47T256 128q0-53 37.5-90.5T384 0t90.5 37.5T512 128q0-53 37.5-90.5T640 0t90.5 37.5T768 128q0 46-10 83t-22 45zm-96 96L256 736q-8 12-45 22t-83 10q-53 0-90.5-37.5T0 640t37.5-90.5T128 512q-53 0-90.5-37.5T0 384t37.5-90.5T128 256q44 0 81 10.5t47 21.5l192 192q19 19 19 32t-19 32m32 32q19-19 32-19t32 19l192 192q12 8 22 45t10 83q0 53-37.5 90.5T640 1024t-90.5-37.5T512 896q0 53-37.5 90.5T384 1024t-90.5-37.5T256 896q0-44 10.5-81t21.5-47z"/></svg>How to use the Cloveralt icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:cloveralt" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:cloveralt" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:cloveralt" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--cloveralt]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:cloveralt"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:cloveralt"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/whh/cloveralt.svg" alt="Cloveralt icon" width="24" height="24">Cloveralt icon FAQ
Is the Cloveralt 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 Cloveralt icon in React?
Install @iconify/react and render <Icon icon="whh:cloveralt" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Cloveralt icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/cloveralt.svg" alt="Cloveralt icon">, or paste the SVG code inline to style it with CSS.