Иконка Thumb Up

stash:thumb-up

Иконка Thumb Up (stash:thumb-up) — бесплатная SVG-иконка из набора Stash Icons от Pingback LLC. Она нарисована на сетке 24 × 24. Stash Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Stash Icons
Автор: Pingback LLC
Лицензия: MIT
Размер: 24 × 24
Теги: thumbup

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M13.731 3.25a2.09 2.09 0 0 0-1.982 1.464l-.802 2.491a2 2 0 0 1-.442.76a9.5 9.5 0 0 0-1.528 2.218h-.652a2.25 2.25 0 0 0-1.243-.856c-.289-.078-.617-.077-.998-.077h-.168c-.38 0-.71 0-.998.077a2.25 2.25 0 0 0-1.591 1.59c-.078.29-.077.618-.077 1v6.167c0 .38 0 .71.077.998a2.25 2.25 0 0 0 1.59 1.591c.29.078.618.078 1 .077h.167c.38 0 .71 0 .998-.077a2.25 2.25 0 0 0 1.289-.923H15c1.341 0 2.256-.058 2.984-.367a3.87 3.87 0 0 0 1.58-1.24c.465-.618.68-1.426.999-2.622l.04-.148l.691-2.367l.01-.03c.16-.534.293-.98.37-1.35c.078-.379.116-.764.015-1.15a2.35 2.35 0 0 0-.992-1.382c-.339-.219-.717-.296-1.098-.331c-.367-.034-.823-.034-1.364-.034h-2.302c.533-1.695.358-3.066.07-3.977c-.333-1.058-1.342-1.502-2.221-1.502zm-4.98 15v-6.334l-.001-.233h1.182l.294-.636a8 8 0 0 1 1.38-2.064c.35-.377.611-.828.77-1.319l.8-2.49a.59.59 0 0 1 .555-.424h.051c.45 0 .714.21.791.454c.246.779.424 2.15-.416 3.959a.75.75 0 0 0 .68 1.066h3.364c.584 0 .97 0 1.26.027c.285.027.38.072.421.098c.171.11.3.287.356.5c.015.058.027.177-.034.47c-.06.296-.175.68-.347 1.254l-.002.005l-.698 2.386l-.002.008c-.377 1.413-.523 1.91-.79 2.265a2.37 2.37 0 0 1-.967.76c-.409.173-1.026.248-2.398.248zm-3.445-7.475c.071-.019.18-.025.694-.025c.513 0 .623.006.694.025a.75.75 0 0 1 .53.53c.02.072.026.182.026.695v6c0 .513-.006.623-.025.694a.75.75 0 0 1-.53.53c-.072.02-.182.026-.695.026s-.623-.006-.694-.026a.75.75 0 0 1-.53-.53c-.02-.071-.026-.18-.026-.694v-6c0-.513.007-.623.026-.694a.75.75 0 0 1 .53-.53"/></svg>

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

React

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

<Icon icon="stash:thumb-up" width="24" />

Vue

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

<template>
  <Icon icon="stash:thumb-up" width="24" />
</template>

Svelte

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

<Icon icon="stash:thumb-up" width="24" />

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/stash -->
<div class="i-stash:thumb-up"></div>

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

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

<iconify-icon icon="stash:thumb-up"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/stash/thumb-up.svg" alt="Иконка Thumb Up" width="24" height="24">

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

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

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

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

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

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

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

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

Все Stash Icons →