Иконка Thumbs Up

emojione:thumbs-up

Иконка Thumbs Up (emojione:thumbs-up) — бесплатная SVG-иконка из набора Emoji One (Colored) от Emoji One. Она нарисована на сетке 64 × 64. Emoji One (Colored) icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Emoji One (Colored)
Автор: Emoji One
Лицензия: CC-BY-4.0
Размер: 64 × 64
Категория: Люди
Теги: thumbsup, thumb

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#ffdd67" d="M31.8 27.1s-4.4.9-.8-6.6c2.6-5.4 2.3-11.7 0-15C27.2.2 19.9 1.9 20.7 5c2.6 10.5-3.3 13.7-6.3 20.3c-3.1 6.7-2.8 16.3-1.4 24.8c.9 5.3 3.2 11.9 11.5 11.9H36z"/><path fill="#eba352" d="M25.8 60.5c-8.3 0-10.1-6.6-11-11.9c-1.4-8.5-1.6-15.3 1.1-22.2c3-7.5 6.1-7.7 6.1-22.5c0-.7.4-1.2.8-1.6c-1.4.5-2.2 1.3-2.2 2.5c0 11.1-3.1 13.8-6.1 20.5c-3.2 6.7-2.9 16.3-1.5 24.8c.9 5.3 3.2 11.9 11.5 11.9H36v-1.5z"/><path fill="#ffdd67" d="M46 35.8H31.8c-5 0-5-8.7 0-8.7H46c5 0 5 8.7 0 8.7"/><path fill="#eba352" d="M47.1 34.4H32.9c-3.4 0-4.4-4-3.3-6.5c-2.7 2.1-1.9 8 2.1 8H46c1.6 0 2.7-.9 3.3-2.2c-.6.4-1.3.7-2.2.7"/><path fill="#ffdd67" d="M47.5 44.6h-17c-6 0-6-8.7 0-8.7h17.1c5.9 0 5.9 8.7-.1 8.7"/><path fill="#eba352" d="M48.9 43.1H31.8c-4 0-5.3-4-3.9-6.5c-3.2 2.1-2.3 8 2.6 8h17.1c1.9 0 3.2-.9 3.9-2.2c-.7.4-1.6.7-2.6.7"/><path fill="#ffdd67" d="M45.9 53.3H31.5c-5 0-5-8.7 0-8.7h14.4c5.1 0 5.1 8.7 0 8.7"/><path fill="#eba352" d="M47.1 51.8H32.6c-3.4 0-4.5-4-3.3-6.6c-2.7 2.1-2 8 2.2 8h14.4c1.6 0 2.7-.9 3.3-2.2c-.5.6-1.3.8-2.1.8"/><path fill="#ffdd67" d="M44.4 62h-9.3c-5.4 0-5.4-8.7 0-8.7h9.3c5.4 0 5.4 8.7 0 8.7"/><path fill="#eba352" d="M45.6 60.6h-9.3c-3.6 0-4.8-4-3.5-6.6c-2.9 2.1-2.1 8 2.3 8h9.3c1.8 0 2.9-.9 3.5-2.2c-.6.5-1.4.8-2.3.8"/></svg>

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

React

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

<Icon icon="emojione:thumbs-up" width="24" />

Vue

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

<template>
  <Icon icon="emojione:thumbs-up" width="24" />
</template>

Svelte

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

<Icon icon="emojione:thumbs-up" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="emojione:thumbs-up"></iconify-icon>

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

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

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

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

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

Да. Emoji One (Colored) icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

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

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

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

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

Все Иконки Emoji One (Colored) →