ICONYZ
Русский
Иконка Loadingalt из набора WebHostingHub Glyphs

Иконка Loadingalt

whh:loadingalt

Иконка Loadingalt (whh:loadingalt) — бесплатная SVG-иконка из набора WebHostingHub Glyphs от WebHostingHub. Она нарисована на сетке 1024 × 1024. WebHostingHub Glyphs icons выпущены под лицензией Open Font License, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
WebHostingHub Glyphs
Автор
WebHostingHub
Лицензия
OFL-1.1
Размер
1024 × 1024
Скачать SVG

Код SVG

<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>

Как использовать иконку Loadingalt

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>

Веб-компонент

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

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

Изображение HTML

<img src="https://iconyz.com/api/public/svg/whh/loadingalt.svg" alt="Иконка Loadingalt" width="24" height="24">

Вопросы и ответы: Иконка Loadingalt

Можно ли бесплатно использовать иконку Loadingalt в коммерческих проектах?

Да. WebHostingHub Glyphs icons выпущены под лицензией Open Font License, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Loadingalt в React?

Установите @iconify/react и выведите <Icon icon="whh:loadingalt" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Loadingalt на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/whh/loadingalt.svg" alt="Иконка Loadingalt">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки WebHostingHub Glyphs →