أيقونة Tag Horizontal Start Percent Sharp Fill
keyline-icons:tag-horizontal-start-percent-sharp-fill
أيقونة Tag Horizontal Start Percent Sharp Fill (keyline-icons:tag-horizontal-start-percent-sharp-fill) أيقونة SVG مجانية من مجموعة Keyline Icons. مرسومة على شبكة 24 × 24. تُنشر Keyline Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Keyline Icons
- المؤلف
- Keyline Icons
- الترخيص
- MIT
- الحجم
- 24 × 24
- الوسوم
- taghorizontal، horizontalstart، startpercent، percentsharp، sharpfill
شيفرة 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="M22 3C22.5523 3 23 3.4477 23 4L23 20C23 20.5523 22.5523 21 22 21L9.1716 21C8.8874 21 8.6167 20.8791 8.427 20.6675L1.2554 12.6675C0.9149 12.2876 0.9149 11.7124 1.2554 11.3325L8.427 3.3325C8.6167 3.1209 8.8874 3 9.1716 3L22 3ZM11.6642 16L18.25 9.4142L16.8358 8L10.25 14.5858L11.6642 16ZM12.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 Sharp Fill
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:tag-horizontal-start-percent-sharp-fill" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:tag-horizontal-start-percent-sharp-fill" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:tag-horizontal-start-percent-sharp-fill" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--tag-horizontal-start-percent-sharp-fill]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:tag-horizontal-start-percent-sharp-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-sharp-fill"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/keyline-icons/tag-horizontal-start-percent-sharp-fill.svg" alt="أيقونة Tag Horizontal Start Percent Sharp Fill" width="24" height="24">أيقونات ذات صلة في Keyline Icons
الأسئلة الشائعة حول أيقونة Tag Horizontal Start Percent Sharp Fill
هل أيقونة Tag Horizontal Start Percent Sharp Fill مجانية للاستخدام التجاري؟
نعم. تُنشر Keyline Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Tag Horizontal Start Percent Sharp Fill في React؟
ثبّت @iconify/react واعرض <Icon icon="keyline-icons:tag-horizontal-start-percent-sharp-fill" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Tag Horizontal Start Percent Sharp Fill إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/keyline-icons/tag-horizontal-start-percent-sharp-fill.svg" alt="أيقونة Tag Horizontal Start Percent Sharp Fill">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.