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

Иконка Tag Solid

streamline-flex:tag-solid

Иконка Tag Solid (streamline-flex:tag-solid) — бесплатная 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
Категория
Основы интерфейса
Теги
tagsolid
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><path fill="currentColor" fill-rule="evenodd" d="M3.456.295C4.467.357 5.528.54 6.128.657c.42.082.8.278 1.113.555a78 78 0 0 1 5.835 5.75c.812.89.86 2.235.156 3.194c-.413.563-.863 1.146-1.396 1.68c-.534.533-1.117.983-1.68 1.396c-.96.704-2.305.656-3.194-.156a78 78 0 0 1-5.75-5.835a2.35 2.35 0 0 1-.555-1.113c-.117-.6-.3-1.66-.362-2.672a8 8 0 0 1 .028-1.46c.056-.42.18-.884.484-1.189c.305-.305.77-.428 1.19-.484A8 8 0 0 1 3.455.295Zm.182 5.406a1.459 1.459 0 1 1 2.063-2.063a1.459 1.459 0 0 1-2.063 2.063" clip-rule="evenodd"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

Иконка Tag Solid из набора HeroIcons
HeroIcons
 Иконка Tag Solid из набора Clarity
Clarity
 Иконка Tag Solid из набора Flowbite Icons
Flowbite Icons
 Иконка Tag Solid из набора Fluent UI MDL2
Fluent UI MDL2
 Иконка Tag Solid из набора Myna UI Icons
Myna UI Icons
 Иконка Tag Solid из набора Pixel Icon
Pixel Icon
 Иконка Tag Solid из набора Streamline
Streamline
 Иконка Tag Solid из набора Teenyicons
Teenyicons

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

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

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

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

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

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

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

Все Flex free icons →