ICONYZ
Русский
Иконка Thumb Up Outline из набора Teenyicons

Иконка Thumb Up Outline

teenyicons:thumb-up-outline

Иконка Thumb Up Outline (teenyicons:thumb-up-outline) — бесплатная SVG-иконка из набора Teenyicons от smhmd. Она нарисована на сетке 15 × 15. Teenyicons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Teenyicons
Автор
smhmd
Лицензия
MIT
Размер
15 × 15
Теги
thumbup, upoutline, thumbupoutline
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="m3.5 5.5l-.422-.268L3 5.354V5.5zm2.698-4.24l.421.27zm2.667 1.51l-.448-.223zM7.5 5.5l-.447-.224A.5.5 0 0 0 7.5 6zm7 5l.4.3l.1-.133V10.5zm-2.4 3.2l.4.3zM8.282.769L8.539.34zM0 5v10h1V5zm3.922.768L6.619 1.53L5.776.992l-2.698 4.24zm4.495-3.22L7.053 5.275l.894.448l1.365-2.73zM7.5 6h5V5h-5zM14 7.5v3h1v-3zm.1 2.7l-2.4 3.2l.8.6l2.4-3.2zM10.5 14h-5v1h5zM4 12.5v-7H3v7zM12.5 6A1.5 1.5 0 0 1 14 7.5h1A2.5 2.5 0 0 0 12.5 5zm-7 8A1.5 1.5 0 0 1 4 12.5H3A2.5 2.5 0 0 0 5.5 15zM8.024 1.198c.464.278.635.866.393 1.35l.895.446A2.034 2.034 0 0 0 8.539.34zM11.7 13.4a1.5 1.5 0 0 1-1.2.6v1a2.5 2.5 0 0 0 2-1zM6.62 1.53c.3-.474.924-.62 1.404-.332L8.54.34a2.034 2.034 0 0 0-2.763.652z"/></svg>

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

React

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

<Icon icon="teenyicons:thumb-up-outline" width="24" />

Vue

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

<template>
  <Icon icon="teenyicons:thumb-up-outline" width="24" />
</template>

Svelte

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

<Icon icon="teenyicons:thumb-up-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[teenyicons--thumb-up-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/teenyicons -->
<div class="i-teenyicons:thumb-up-outline"></div>

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

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

<iconify-icon icon="teenyicons:thumb-up-outline"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/teenyicons/thumb-up-outline.svg" alt="Иконка Thumb Up Outline" width="24" height="24">

Похожие иконки в наборе Teenyicons

Иконка thumb-down-outline
thumb-down-outline
 Иконка thumb-down-solid
thumb-down-solid
 Иконка thumb-up-solid
thumb-up-solid
 Иконка thumbtack-outline
thumbtack-outline
 Иконка thumbtack-solid
thumbtack-solid

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

Иконка Thumb Up Outline из набора Material Design Icons
Material Design Icons
 Иконка Thumb Up Outline из набора Material Symbols
Material Symbols
 Иконка Thumb Up Outline из набора Lsicon
Lsicon
 Иконка Thumb Up Outline из набора Material Symbols Light
Material Symbols Light

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

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

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

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

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

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

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

Все Teenyicons →