Иконка Thumbs Down

reicon:thumbs-down

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

Набор: Reicon
Автор: REICON
Лицензия: MIT
Размер: 24 × 24
Категория: Лайки
Теги: thumbsdown, thumb

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="m7.405 14.698l4.195 7.247c.29.5.824.806 1.401.805a2.94 2.94 0 0 0 2.912-3.327l-.556-4.17h2.367c.813 0 1.472 0 2-.047c.541-.047 1.028-.149 1.462-.404a3.25 3.25 0 0 0 1.426-1.755c.162-.477.161-.974.097-1.514c-.062-.526-.197-1.171-.363-1.967l-.687-3.29c-.161-.771-.29-1.39-.433-1.888c-.148-.513-.323-.948-.6-1.34a4.25 4.25 0 0 0-1.78-1.446c-.44-.191-.902-.274-1.435-.313c-.516-.038-1.148-.038-1.935-.038h-.764c-1.348 0-2.1 0-2.842.105q-.99.139-1.937.457c-.649.218-1.267.518-2.29 1.029a2 2 0 0 0-.138-.363a2.25 2.25 0 0 0-.984-.984a2.3 2.3 0 0 0-.875-.222c-.28-.023-.622-.023-1.017-.023H4.37c-.395 0-.736 0-1.017.023a2.3 2.3 0 0 0-.875.222a2.25 2.25 0 0 0-.984.984a2.3 2.3 0 0 0-.222.875c-.023.28-.023.622-.023 1.017v8.258c0 .395 0 .736.023 1.017c.024.297.078.592.222.875c.216.424.56.768.984.984c.283.144.578.198.875.222c.28.023.622.023 1.017.023h.258c.395 0 .736 0 1.017-.023a2.3 2.3 0 0 0 .875-.222a2.25 2.25 0 0 0 .884-.807m5.494 6.495c.02.035.058.057.099.057L13 22v-.75c.87 0 1.541-.766 1.426-1.629l-.67-5.02a.75.75 0 0 1 .744-.849h3.189c.856 0 1.45 0 1.904-.04c.448-.04.676-.112.83-.202a1.75 1.75 0 0 0 .768-.945c.058-.17.082-.408.029-.855c-.054-.453-.175-1.034-.35-1.872l-.674-3.228c-.168-.805-.286-1.369-.412-1.808c-.123-.429-.24-.687-.383-.889a2.75 2.75 0 0 0-1.151-.935c-.226-.098-.503-.16-.949-.193c-.455-.034-1.031-.034-1.854-.034h-.672c-1.428 0-2.071.002-2.697.09a9.3 9.3 0 0 0-1.666.394c-.6.201-1.176.488-2.453 1.126l-.209.105V12.3zm-6.649-8.69v.097c0 .432 0 .712-.018.924c-.017.204-.045.28-.064.317a.75.75 0 0 1-.328.327c-.037.02-.112.047-.316.064c-.212.017-.492.018-.924.018h-.2c-.432 0-.712 0-.924-.018c-.204-.017-.28-.045-.316-.064a.75.75 0 0 1-.328-.327c-.02-.038-.047-.113-.064-.317a13 13 0 0 1-.018-.924V4.4c0-.432 0-.712.018-.924c.017-.204.045-.28.064-.316a.75.75 0 0 1 .328-.328c.037-.02.112-.047.316-.064c.212-.017.492-.018.924-.018h.2c.432 0 .712 0 .924.018c.204.017.28.045.316.064a.75.75 0 0 1 .328.328c.02.037.047.112.064.316c.017.207.018.477.018.891z" clip-rule="evenodd"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="reicon:thumbs-down"></iconify-icon>

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

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

Иконка Thumbs Down в других наборах

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

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

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

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

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

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

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

Все Иконки Reicon →