Иконка Thumb Up Light
stash:thumb-up-light
Иконка Thumb Up Light (stash:thumb-up-light) — бесплатная SVG-иконка из набора Stash Icons от Pingback LLC. Она нарисована на сетке 24 × 24. Stash Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Stash Icons
- Автор
- Pingback LLC
- Лицензия
- MIT
- Размер
- 24 × 24
- Теги
- thumbup, uplight, thumbuplight
Код 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.5c-.801 0-1.5.528-1.745 1.29l-.8 2.492c-.103.32-.273.61-.497.852a9.2 9.2 0 0 0-1.555 2.3h-.942a2 2 0 0 0-1.174-.866c-.256-.068-.551-.068-.95-.068h-.137c-.397 0-.693 0-.949.068a2 2 0 0 0-1.414 1.414c-.068.256-.068.552-.068.95v6.137c0 .398 0 .693.068.949a2 2 0 0 0 1.414 1.414c.256.068.552.068.95.068h.137c.398 0 .693 0 .949-.068a2 2 0 0 0 1.214-.932H15c1.347 0 2.211-.061 2.886-.348a3.6 3.6 0 0 0 1.477-1.158c.436-.58.64-1.342.969-2.577l.03-.111l.692-2.37l.001-.002l.006-.02c.162-.542.294-.98.367-1.338c.076-.365.106-.705.02-1.037a2.1 2.1 0 0 0-.887-1.235c-.289-.187-.62-.259-.985-.292c-.355-.033-.802-.033-1.35-.033h-2.642c.65-1.792.473-3.229.181-4.152c-.29-.922-1.176-1.327-1.983-1.327zm-5.235 15q.005-.195.004-.431V11.93q.002-.277-.007-.498h1.28l.226-.49a8.2 8.2 0 0 1 1.424-2.13c.324-.35.568-.768.714-1.225l.801-2.491a.84.84 0 0 1 .793-.597h.051c.52 0 .91.25 1.03.628c.262.832.44 2.268-.428 4.14a.5.5 0 0 0 .453.71h3.364c.58 0 .98.001 1.284.03c.3.027.443.078.533.136a1.1 1.1 0 0 1 .462.646c.03.114.033.277-.03.584c-.065.31-.183.706-.354 1.276v.003L19.4 15.03l-.003.012c-.372 1.391-.53 1.947-.833 2.35c-.28.373-.649.662-1.068.84c-.462.196-1.129.268-2.496.268zM5.24 10.534c.111-.03.262-.034.76-.034c.496 0 .647.004.758.034a1 1 0 0 1 .707.707c.03.111.034.262.034.759v6c0 .497-.004.648-.034.759a1 1 0 0 1-.707.707c-.111.03-.262.034-.759.034s-.648-.004-.759-.034a1 1 0 0 1-.707-.707c-.03-.111-.034-.262-.034-.759v-6c0-.497.004-.648.034-.759a1 1 0 0 1 .707-.707"/></svg>Как использовать иконку Thumb Up Light
React
import { Icon } from "@iconify/react";
<Icon icon="stash:thumb-up-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="stash:thumb-up-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="stash:thumb-up-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[stash--thumb-up-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/stash -->
<div class="i-stash:thumb-up-light"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="stash:thumb-up-light"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/stash/thumb-up-light.svg" alt="Иконка Thumb Up Light" width="24" height="24">Похожие иконки в наборе Stash Icons
Вопросы и ответы: Иконка Thumb Up Light
Можно ли бесплатно использовать иконку Thumb Up Light в коммерческих проектах?
Да. Stash Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Thumb Up Light в React?
Установите @iconify/react и выведите <Icon icon="stash:thumb-up-light" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Thumb Up Light на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/stash/thumb-up-light.svg" alt="Иконка Thumb Up Light">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.