Loadingalt icon

whh:loadingalt

The Loadingalt icon (whh:loadingalt) 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

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M960 576h-86q22-63 22-128h64q26 0 45 19t19 45.5t-19 45t-45 18.5m-32-233l-41 24q-13-63-48-119l26-15q23-14 48-7t38.5 30t6.5 48.5t-30 38.5M782 175q-45-45-105-73l4-6q13-23 38.5-30t48.5 6.5t30 38.5t-7 48zm9 690q14 23 7 48t-30 38.5t-48.5 6.5t-38.5-30l-65-111q63-17 116-54zm-279.5 159q-26.5 0-45-18.5T448 960V824q32 8 64 8q30 0 64-6v134q0 27-19 45.5t-45.5 18.5m.5-640q-33 0-52-27q-91 14-147.5 71.5T256 576H64q-26 0-45-18.5t-19-45T19 467t45-19h211L96 343q-23-13-30-38.5t6.5-48.5t38.5-30t48 7l176 102l-102-176q-14-23-7-48t30-38.5t48.5-6.5T343 96l105 179V64q0-26 18.5-45T512 0t45.5 19T576 64v256q0 27-19 45.5T512 384M96 681l161-94q2 68 38 125l-136 79q-23 14-48 7t-38.5-30t-6.5-48.5T96 681m214 51q41 54 101 79l-68 117q-13 23-38.5 30t-48.5-6.5t-30-38.5t7-48zm538-98l80 47q23 13 30 38.5t-6.5 48.5t-38.5 30t-48-7l-98-57q50-44 81-100"/></svg>

How to use the Loadingalt icon

React

import { Icon } from "@iconify/react";

<Icon icon="whh:loadingalt" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="whh:loadingalt" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="whh:loadingalt" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--loadingalt]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:loadingalt"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="whh:loadingalt"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/whh/loadingalt.svg" alt="Loadingalt icon" width="24" height="24">

Loadingalt icon FAQ

Is the Loadingalt 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 Loadingalt icon in React?

Install @iconify/react and render <Icon icon="whh:loadingalt" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Loadingalt icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/loadingalt.svg" alt="Loadingalt icon">, or paste the SVG code inline to style it with CSS.

Browse all WebHostingHub Glyphs icons →