ICONYZ
Русский
Иконка Hand Up из набора IconPark

Иконка Hand Up

icon-park:hand-up

Иконка Hand Up (icon-park:hand-up) — бесплатная SVG-иконка из набора IconPark от ByteDance. Она нарисована на сетке 48 × 48. IconPark icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
IconPark
Автор
ByteDance
Лицензия
Apache-2.0
Размер
48 × 48
Категория
Руки
Теги
handup
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linejoin="round" stroke-width="4"><path fill="#2F88FF" d="M41 38H19V44H41V38Z"/><path d="M19.0001 38C12.4812 30.8771 8.74054 26.7492 7.77829 25.6162C6.33491 23.9168 6.941 21.996 10.5532 21.996C14.1653 21.996 16.2485 27.2814 19.0001 27.2814C19.0165 27.2848 19.0176 20.5257 19.0034 7.00404C19.0017 5.3467 20.3438 4.00174 22.0012 4L22.0043 4C23.6635 4 25.0085 5.34501 25.0085 7.00417V15.0136C32.9813 16.2224 37.3158 16.8893 38.0122 17.0144C39.0567 17.2019 41.0001 18.199 41.0001 21.068C41.0001 22.9807 41.0001 27.9581 41.0001 38H19.0001Z" clip-rule="evenodd"/></g></svg>

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

React

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

<Icon icon="icon-park:hand-up" width="24" />

Vue

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

<template>
  <Icon icon="icon-park:hand-up" width="24" />
</template>

Svelte

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

<Icon icon="icon-park:hand-up" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--hand-up]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:hand-up"></div>

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

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

<iconify-icon icon="icon-park:hand-up"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/icon-park/hand-up.svg" alt="Иконка Hand Up" width="24" height="24">

Похожие иконки в наборе IconPark

Иконка hand-cream
hand-cream
 Иконка hand-down
hand-down
 Иконка hand-drag
hand-drag
 Иконка hand-left
hand-left
 Иконка hand-painted-plate
hand-painted-plate
 Иконка hand-right
hand-right
 Иконка handbag
handbag
 Иконка handheld
handheld
 Иконка handle-a
handle-a
 Иконка handle-b
handle-b
 Иконка handle-c
handle-c
 Иконка handle-down
handle-down
 Иконка handle-left
handle-left
 Иконка handle-right
handle-right
 Иконка handle-round
handle-round
 Иконка handle-square
handle-square
 Иконка handle-triangle
handle-triangle
 Иконка handle-up
handle-up
 Иконка handle-x
handle-x
 Иконка handle-y
handle-y
 Иконка handle-z
handle-z
 Иконка hands
hands
 Иконка handwashing
handwashing
 Иконка handwashing-fluid
handwashing-fluid

Иконка Hand Up в других наборах

Иконка Hand Up из набора BoxIcons v2 Solid
BoxIcons v2 Solid
 Иконка Hand Up из набора Elusive Icons
Elusive Icons
 Иконка Hand Up из набора IconPark Outline
IconPark Outline
 Иконка Hand Up из набора IconPark Solid
IconPark Solid
 Иконка Hand Up из набора IconPark TwoTone
IconPark TwoTone

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

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

Да. IconPark icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.

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

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

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

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

Все Иконки IconPark →