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

Иконка Tag

mage:tag

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

Набор
Mage Icons
Автор
MageIcons
Лицензия
Apache-2.0
Размер
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="1.5"><path d="m17.524 17.524l-2.722 2.723a2.567 2.567 0 0 1-3.634 0L4.13 13.209A3.85 3.85 0 0 1 3 10.487V5.568A2.57 2.57 0 0 1 5.568 3h4.919c1.021 0 2 .407 2.722 1.13l7.038 7.038a2.567 2.567 0 0 1 0 3.634z"/><path d="M9.126 11.694a2.568 2.568 0 1 0 0-5.137a2.568 2.568 0 0 0 0 5.137"/></g></svg>

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

React

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

<Icon icon="mage:tag" width="24" />

Vue

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

<template>
  <Icon icon="mage:tag" width="24" />
</template>

Svelte

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

<Icon icon="mage:tag" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="mage:tag"></iconify-icon>

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

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

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

Иконка tag-2
tag-2
 Иконка tag-2-fill
tag-2-fill
 Иконка tag-check
tag-check
 Иконка tag-check-fill
tag-check-fill
 Иконка tag-cross
tag-cross
 Иконка tag-cross-fill
tag-cross-fill
 Иконка tag-fill
tag-fill
 Иконка tag-minus
tag-minus
 Иконка tag-minus-fill
tag-minus-fill
 Иконка tag-plus
tag-plus
 Иконка tag-plus-fill
tag-plus-fill
 Иконка tag-question-mark
tag-question-mark
 Иконка tag-question-mark-fill
tag-question-mark-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 в коммерческих проектах?

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

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

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

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

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

Все Mage Icons →