ICONYZ
Русский
Иконка Tag из набора Keyline Icons

Иконка Tag

keyline-icons:tag

Иконка Tag (keyline-icons:tag) — бесплатная SVG-иконка из набора Keyline Icons. Она нарисована на сетке 24 × 24. Keyline Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Keyline Icons
Автор
Keyline Icons
Лицензия
MIT
Размер
24 × 24
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M2 5C2 3.343146 3.343146 2 5 2L11.171573 2C11.702006 2 12.210714 2.210714 12.585786 2.585786L21.414213 11.414213C22.195262 12.195262 22.195262 13.461592 21.414213 14.24264L14.24264 21.414213C13.461592 22.195262 12.195262 22.195262 11.414213 21.414213L2.585786 12.585786C2.210714 12.210714 2 11.702006 2 11.171573Z"/><path fill="currentColor" d="M9.5 8C9.5 8.8284 8.8284 9.5 8 9.5C7.1716 9.5 6.5 8.8284 6.5 8C6.5 7.1716 7.1716 6.5 8 6.5C8.8284 6.5 9.5 7.1716 9.5 8Z" stroke="none"/></g></svg>

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

React

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

<Icon icon="keyline-icons:tag" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:tag" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:tag" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="keyline-icons:tag"></iconify-icon>

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

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

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

Иконка tag-duotone
tag-duotone
 Иконка tag-fill
tag-fill
 Иконка tag-horizontal-end
tag-horizontal-end
 Иконка tag-horizontal-end-duotone
tag-horizontal-end-duotone
 Иконка tag-horizontal-end-fill
tag-horizontal-end-fill
 Иконка tag-horizontal-end-percent
tag-horizontal-end-percent
 Иконка tag-horizontal-end-percent-duotone
tag-horizontal-end-percent-duotone
 Иконка tag-horizontal-end-percent-fill
tag-horizontal-end-percent-fill
 Иконка tag-horizontal-end-percent-sharp
tag-horizontal-end-percent-sharp
 Иконка tag-horizontal-end-percent-sharp-duotone
tag-horizontal-end-percent-sharp-duotone
 Иконка tag-horizontal-end-percent-sharp-fill
tag-horizontal-end-percent-sharp-fill
 Иконка tag-horizontal-end-percent-sharp-two-tone
tag-horizontal-end-percent-sharp-two-tone
 Иконка tag-horizontal-end-percent-two-tone
tag-horizontal-end-percent-two-tone
 Иконка tag-horizontal-end-sharp
tag-horizontal-end-sharp
 Иконка tag-horizontal-end-sharp-duotone
tag-horizontal-end-sharp-duotone
 Иконка tag-horizontal-end-sharp-fill
tag-horizontal-end-sharp-fill
 Иконка tag-horizontal-end-sharp-two-tone
tag-horizontal-end-sharp-two-tone
 Иконка tag-horizontal-end-two-tone
tag-horizontal-end-two-tone
 Иконка tag-horizontal-start
tag-horizontal-start
 Иконка tag-horizontal-start-duotone
tag-horizontal-start-duotone
 Иконка tag-horizontal-start-fill
tag-horizontal-start-fill
 Иконка tag-horizontal-start-percent
tag-horizontal-start-percent
 Иконка tag-horizontal-start-percent-duotone
tag-horizontal-start-percent-duotone
 Иконка tag-horizontal-start-percent-fill
tag-horizontal-start-percent-fill

Иконка 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 в коммерческих проектах?

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

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

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

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

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

Все Keyline Icons →