Иконка Hand Thumbs Down

bi:hand-thumbs-down

Иконка Hand Thumbs Down (bi:hand-thumbs-down) — бесплатная SVG-иконка из набора Bootstrap Icons от The Bootstrap Authors. Она нарисована на сетке 24 × 24. Bootstrap Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Bootstrap Icons
Автор: The Bootstrap Authors
Лицензия: MIT
Размер: 24 × 24
Теги: handthumbs, thumbsdown, handthumbsdown, thumb

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M8.864 15.674c-.956.24-1.843-.484-1.908-1.42c-.072-1.05-.23-2.015-.428-2.59c-.125-.36-.479-1.012-1.04-1.638c-.557-.624-1.282-1.179-2.131-1.41C2.685 8.432 2 7.85 2 7V3c0-.845.682-1.464 1.448-1.546c1.07-.113 1.564-.415 2.068-.723l.048-.029c.272-.166.578-.349.97-.484C6.931.08 7.395 0 8 0h3.5c.937 0 1.599.478 1.934 1.064c.164.287.254.607.254.913c0 .152-.023.312-.077.464c.201.262.38.577.488.9c.11.33.172.762.004 1.15c.069.13.12.268.159.403c.077.27.113.567.113.856s-.036.586-.113.856c-.035.12-.08.244-.138.363c.394.571.418 1.2.234 1.733c-.206.592-.682 1.1-1.2 1.272c-.847.283-1.803.276-2.516.211a10 10 0 0 1-.443-.05a9.36 9.36 0 0 1-.062 4.51c-.138.508-.55.848-1.012.964zM11.5 1H8c-.51 0-.863.068-1.14.163c-.281.097-.506.229-.776.393l-.04.025c-.555.338-1.198.73-2.49.868c-.333.035-.554.29-.554.55V7c0 .255.226.543.62.65c1.095.3 1.977.997 2.614 1.709c.635.71 1.064 1.475 1.238 1.977c.243.7.407 1.768.482 2.85c.025.362.36.595.667.518l.262-.065c.16-.04.258-.144.288-.255a8.34 8.34 0 0 0-.145-4.726a.5.5 0 0 1 .595-.643h.003l.014.004l.058.013a9 9 0 0 0 1.036.157c.663.06 1.457.054 2.11-.163c.175-.059.45-.301.57-.651c.107-.308.087-.67-.266-1.021L12.793 7l.353-.354c.043-.042.105-.14.154-.315c.048-.167.075-.37.075-.581s-.027-.414-.075-.581c-.05-.174-.111-.273-.154-.315l-.353-.354l.353-.354c.047-.047.109-.176.005-.488a2.2 2.2 0 0 0-.505-.804l-.353-.354l.353-.354c.006-.005.041-.05.041-.17a.9.9 0 0 0-.121-.415C12.4 1.272 12.063 1 11.5 1"/></svg>

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

React

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

<Icon icon="bi:hand-thumbs-down" width="24" />

Vue

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

<template>
  <Icon icon="bi:hand-thumbs-down" width="24" />
</template>

Svelte

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

<Icon icon="bi:hand-thumbs-down" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[bi--hand-thumbs-down]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/bi -->
<div class="i-bi:hand-thumbs-down"></div>

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

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

<iconify-icon icon="bi:hand-thumbs-down"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/bi/hand-thumbs-down.svg" alt="Иконка Hand Thumbs Down" width="24" height="24">

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

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

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

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

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

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

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

Все Bootstrap Icons →