Иконка Thumbs Up
emojione-monotone:thumbs-up
Иконка Thumbs Up (emojione-monotone:thumbs-up) — бесплатная SVG-иконка из набора Emoji One (Monotone) от Emoji One. Она нарисована на сетке 64 × 64. Emoji One (Monotone) icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Emoji One (Monotone)
- Автор
- Emoji One
- Лицензия
- CC-BY-4.0
- Размер
- 64 × 64
- Категория
- Люди
- Теги
- thumbsup, thumb
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="currentColor" d="M48.928 35.68c2.4-1.254 2.994-9.666-2.747-9.666H31.777a1.04 1.04 0 0 1-.72-.505c-.268-.457-.519-1.636.804-4.403c2.522-5.278 2.496-11.765-.063-15.422c-2.543-3.641-6.744-4.34-9.406-3.152c-1.526.682-2.273 1.929-1.947 3.253c1.744 7.091-.525 10.464-3.151 14.371c-1.024 1.524-2.084 3.101-2.933 4.966c-3.284 7.222-2.543 17.389-1.345 24.647C13.518 52.793 15.042 62 24.861 62h19.088c1.795 0 3.301-.964 4.131-2.646c.896-1.816.834-4.118-.091-5.733c2.874-1.343 2.578-6.467.704-7.863c5.196-1.25 3.483-9.568.235-10.078m-17.512-8.154h14.765c3.66 0 2.8 6.521 1.827 6.521H32.724c-5.433.001-4.033-6.521-1.308-6.521m-4.752 32.195c-7.894 0-10.114-5.999-10.811-11.181c-1.161-8.626-1.016-15.91 1.459-22.242c2.909-7.441 8.187-10.271 5.678-21.238c-.134-.585.151-1.108.557-1.334c1.719-.962 4.994-.051 7.001 2.82c2.229 3.188 2.42 9.277-.063 13.911c-2.173 4.056-.715 5.854-.7 5.876c-3.186 1.036-3.842 7.337-1.017 9.354c-4.116 1.532-3.481 8.652-.077 9.953c-2.305 1.053-2.643 7.269 2 8.566c-1.088 1.853-.432 3.911.467 5.515zm19.285 0H35.57c-3.069 0-4.381-4.082-3.291-5.416h13.349c.33 0 .641-.036.935-.097c1.36.928.726 5.513-.614 5.513m1.44-7.779H32.607c-5.056 0-3.895-5.951-.968-5.951h13.99c4.452 0 3.17 5.951 1.76 5.951m1.507-8.611H32c-5.997 0-5.211-6.698-1.482-6.698h15.654c6.109 0 4.416 6.698 2.724 6.698"/></svg>
Как использовать иконку Thumbs Up
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-monotone:thumbs-up" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-monotone:thumbs-up" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-monotone:thumbs-up" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-monotone--thumbs-up]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-monotone -->
<div class="i-emojione-monotone:thumbs-up"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-monotone:thumbs-up"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/emojione-monotone/thumbs-up.svg" alt="Иконка Thumbs Up" width="24" height="24">
Похожие иконки в наборе Emoji One (Monotone)
Иконка Thumbs Up в других наборах
Вопросы и ответы: Иконка Thumbs Up
Можно ли бесплатно использовать иконку Thumbs Up в коммерческих проектах?
Да. Emoji One (Monotone) icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Thumbs Up в React?
Установите @iconify/react и выведите <Icon icon="emojione-monotone:thumbs-up" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Thumbs Up на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/emojione-monotone/thumbs-up.svg" alt="Иконка Thumbs Up">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Emoji One (Monotone) →
ICONYZ
