ICONYZ
Русский
Иконка Tag Duotone из набора Reicon

Иконка Tag Duotone

reicon:tag-duotone

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

Набор
Reicon
Автор
REICON
Лицензия
MIT
Размер
24 × 24
Категория
Деньги
Теги
tagduotone
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M4.728 16.137c-1.545-1.546-2.318-2.318-2.605-3.321c-.288-1.003-.042-2.068.45-4.197l.283-1.228c.413-1.792.62-2.688 1.233-3.302s1.51-.82 3.302-1.233l1.228-.284c2.13-.491 3.194-.737 4.197-.45c1.003.288 1.775 1.061 3.32 2.606l1.83 1.83C20.657 9.248 22 10.592 22 12.262c0 1.671-1.344 3.015-4.033 5.704c-2.69 2.69-4.034 4.034-5.705 4.034c-1.67 0-3.015-1.344-5.704-4.033z" opacity=".5"/><path d="M10.124 7.271a2.017 2.017 0 1 1-2.853 2.852a2.017 2.017 0 0 1 2.853-2.852m8.927 4.78l-6.979 6.98a.75.75 0 1 1-1.06-1.06l6.979-6.98a.75.75 0 1 1 1.06 1.06"/></g></svg>

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

React

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

<Icon icon="reicon:tag-duotone" width="24" />

Vue

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

<template>
  <Icon icon="reicon:tag-duotone" width="24" />
</template>

Svelte

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

<Icon icon="reicon:tag-duotone" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="reicon:tag-duotone"></iconify-icon>

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

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

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

Иконка tag
tag
 Иконка tag-2
tag-2
 Иконка tag-2-filled
tag-2-filled
 Иконка tag-cross
tag-cross
 Иконка tag-cross-filled
tag-cross-filled
 Иконка tag-filled
tag-filled
 Иконка tag-price
tag-price
 Иконка tag-price-duotone
tag-price-duotone
 Иконка tag-price-filled
tag-price-filled
 Иконка tag-right
tag-right
 Иконка tag-right-filled
tag-right-filled
 Иконка tag-user
tag-user
 Иконка tag-user-filled
tag-user-filled
 Иконка tag2
tag2
 Иконка tag2-duotone
tag2-duotone
 Иконка tag2-filled
tag2-filled
 Иконка tag3
tag3
 Иконка tag3-filled
tag3-filled
 Иконка tag5
tag5
 Иконка tag5-filled
tag5-filled
 Иконка tags
tags
 Иконка tags-filled
tags-filled

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

Иконка Tag Duotone из набора Phosphor
Phosphor
 Иконка Tag Duotone из набора Keyline Icons
Keyline Icons
 Иконка Tag Duotone из набора Lucide Extended
Lucide Extended

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

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

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

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

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

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

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

Все Иконки Reicon →