ICONYZ
Русский
Иконка Tag Fill из набора Phosphor

Иконка Tag Fill

ph:tag-fill

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

Набор
Phosphor
Автор
Phosphor Icons
Лицензия
MIT
Размер
256 × 256
Теги
tags, hashtag, labels, sale, sell, price, discount, tagfill
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M243.31 136L144 36.69A15.86 15.86 0 0 0 132.69 32H40a8 8 0 0 0-8 8v92.69A15.86 15.86 0 0 0 36.69 144L136 243.31a16 16 0 0 0 22.63 0l84.68-84.68a16 16 0 0 0 0-22.63M84 96a12 12 0 1 1 12-12a12 12 0 0 1-12 12"/></svg>

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

React

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

<Icon icon="ph:tag-fill" width="24" />

Vue

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

<template>
  <Icon icon="ph:tag-fill" width="24" />
</template>

Svelte

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

<Icon icon="ph:tag-fill" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="ph:tag-fill"></iconify-icon>

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

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

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

Иконка tag
tag
 Иконка tag-bold
tag-bold
 Иконка tag-chevron
tag-chevron
 Иконка tag-chevron-bold
tag-chevron-bold
 Иконка tag-chevron-duotone
tag-chevron-duotone
 Иконка tag-chevron-fill
tag-chevron-fill
 Иконка tag-chevron-light
tag-chevron-light
 Иконка tag-chevron-thin
tag-chevron-thin
 Иконка tag-duotone
tag-duotone
 Иконка tag-light
tag-light
 Иконка tag-simple
tag-simple
 Иконка tag-simple-bold
tag-simple-bold
 Иконка tag-simple-duotone
tag-simple-duotone
 Иконка tag-simple-fill
tag-simple-fill
 Иконка tag-simple-light
tag-simple-light
 Иконка tag-simple-thin
tag-simple-thin
 Иконка tag-thin
tag-thin

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

Иконка Tag Fill из набора Bootstrap Icons
Bootstrap Icons
 Иконка Tag Fill из набора Framework7 Icons
Framework7 Icons
 Иконка Tag Fill из набора Keyline Icons
Keyline Icons
 Иконка Tag Fill из набора Mage Icons
Mage Icons
 Иконка Tag Fill из набора MingCute Icon
MingCute Icon

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

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

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

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

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

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

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

Все Иконки Phosphor →