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

Иконка Dribbblealt

whh:dribbblealt

Иконка Dribbblealt (whh:dribbblealt) — бесплатная 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="M768 512q-71 0-145 14q-27-77-61-144q93-44 165.5-111T842 121q85 72 133.5 174t48.5 217q0 19-2 45q-122-45-254-45M531 326Q424 141 276 58Q387 0 512 0q151 0 278 82q-38 78-104.5 141T531 326m-58 22q-105 36-217 36q-116 0-227-40Q82 192 212 97q152 68 261 251M256 448q130 0 248-43q32 64 58 136q-142 41-247.5 132T161 884Q85 813 42.5 716.5T0 512q0-54 11-107q121 43 245 43m325 154q56 190 58 405q-64 17-127 17q-164 0-298-97q38-114 135.5-200T581 602m62-14q63-12 125-12q126 0 244 46q-27 124-109.5 221T703 987q-5-213-60-399"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

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