ICONYZ
Русский
Иконка Tag из набора Flex free icons

Иконка Tag

streamline-flex:tag

Иконка Tag (streamline-flex:tag) — бесплатная SVG-иконка из набора Flex free icons от Streamline. Она нарисована на сетке 14 × 14. Flex free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Flex free icons
Автор
Streamline
Лицензия
CC-BY-4.0
Размер
14 × 14
Категория
Основы интерфейса
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M7.291 12.697c.708.647 1.789.69 2.562.122c.557-.409 1.116-.841 1.621-1.347c.505-.505.938-1.064 1.347-1.621c.567-.773.525-1.853-.122-2.562a77 77 0 0 0-5.798-5.712a1.85 1.85 0 0 0-.876-.439C4.84.908 1.882.422 1.153 1.151S.91 4.838 1.14 6.023c.064.327.217.627.438.876a77 77 0 0 0 5.713 5.798"/><path d="M4.662 5.81c.736 0 1.15-.414 1.15-1.15c0-.737-.414-1.151-1.15-1.151c-.737 0-1.15.414-1.15 1.15c0 .737.413 1.151 1.15 1.151"/></g></svg>

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

React

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

<Icon icon="streamline-flex:tag" width="24" />

Vue

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

<template>
  <Icon icon="streamline-flex:tag" width="24" />
</template>

Svelte

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

<Icon icon="streamline-flex:tag" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-flex--tag]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-flex -->
<div class="i-streamline-flex:tag"></div>

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

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

<iconify-icon icon="streamline-flex:tag"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/streamline-flex/tag.svg" alt="Иконка Tag" width="24" height="24">

Похожие иконки в наборе Flex free icons

Иконка tag-alt
tag-alt
 Иконка tag-alt-remix
tag-alt-remix
 Иконка tag-alt-solid
tag-alt-solid
 Иконка tag-remix
tag-remix
 Иконка tag-solid
tag-solid

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

Иконка Tag из набора Material Design Icons
Material Design Icons
 Иконка Tag из набора Lucide
Lucide
 Иконка Tag из набора Tabler Icons
Tabler Icons
 Иконка Tag из набора Font Awesome 6 Solid
Font Awesome 6 Solid
 Иконка Tag из набора Material Symbols
Material Symbols
 Иконка Tag из набора Phosphor
Phosphor
 Иконка Tag из набора Bootstrap Icons
Bootstrap Icons
 Иконка Tag из набора HeroIcons
HeroIcons
 Иконка Tag из набора Carbon
Carbon
 Иконка Tag из набора @icons
@icons
 Иконка Tag из набора Akar Icons
Akar Icons
 Иконка Tag из набора BoxIcons v2
BoxIcons v2

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

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

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

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

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

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

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

Все Flex free icons →