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

Иконка Tag Horizontal Start Percent Fill

keyline-icons:tag-horizontal-start-percent-fill

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

Набор
Keyline Icons
Автор
Keyline Icons
Лицензия
MIT
Размер
24 × 24
Теги
taghorizontal, horizontalstart, startpercent, percentfill, taghorizontalstartpercentfill
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M19 3C21.209139 3 23 4.790861 23 7L23 17C23 19.209139 21.209139 21 19 21L10 21C9.20435 21 8.441289 20.683929 7.87868 20.12132L1.87868 14.12132C0.707107 12.949747 0.707107 11.050253 1.87868 9.87868L7.87868 3.87868C8.441289 3.316071 9.20435 3 10 3L19 3ZM11.9571 15.7071L17.9571 9.7071C18.1446 9.5196 18.25 9.2652 18.25 9C18.25 8.4477 17.8023 8 17.25 8C16.9848 8 16.7304 8.1054 16.5429 8.2929L10.5429 14.2929C10.3554 14.4804 10.25 14.7348 10.25 15C10.25 15.5523 10.6977 16 11.25 16C11.5152 16 11.7696 15.8946 11.9571 15.7071ZM12.75 8.5C12.75 9.3284 12.0784 10 11.25 10C10.4216 10 9.75 9.3284 9.75 8.5C9.75 7.6716 10.4216 7 11.25 7C12.0784 7 12.75 7.6716 12.75 8.5ZM18.75 15.5C18.75 16.3284 18.0784 17 17.25 17C16.4216 17 15.75 16.3284 15.75 15.5C15.75 14.6716 16.4216 14 17.25 14C18.0784 14 18.75 14.6716 18.75 15.5Z" clip-rule="evenodd"/></svg>

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

React

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

<Icon icon="keyline-icons:tag-horizontal-start-percent-fill" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:tag-horizontal-start-percent-fill" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:tag-horizontal-start-percent-fill" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="keyline-icons:tag-horizontal-start-percent-fill"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/keyline-icons/tag-horizontal-start-percent-fill.svg" alt="Иконка Tag Horizontal Start Percent Fill" width="24" height="24">

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

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

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

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

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

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

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

Все Keyline Icons →