أيقونة Tag Two Tone
keyline-icons:tag-two-tone
أيقونة Tag Two Tone (keyline-icons:tag-two-tone) أيقونة SVG مجانية من مجموعة Keyline Icons. مرسومة على شبكة 24 × 24. تُنشر Keyline Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Keyline Icons
- المؤلف
- Keyline Icons
- الترخيص
- MIT
- الحجم
- 24 × 24
- الوسوم
- tagtwo، twotone، tagtwotone
شيفرة 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="2"><path fill="currentColor" fill-opacity=".4" d="M1 5C1 2.790861 2.790861 1 5 1L11.171573 1C11.967223 1 12.730285 1.316071 13.292894 1.87868L22.12132 10.707107C23.292893 11.87868 23.292893 13.778174 22.12132 14.949747L14.949747 22.12132C13.778174 23.292893 11.87868 23.292893 10.707107 22.12132L1.87868 13.292894C1.316071 12.730285 1 11.967223 1 11.171573Z" stroke="none"/><path d="M2 5C2 3.343146 3.343146 2 5 2L11.171573 2C11.702006 2 12.210714 2.210714 12.585786 2.585786L21.414213 11.414213C22.195262 12.195262 22.195262 13.461592 21.414213 14.24264L14.24264 21.414213C13.461592 22.195262 12.195262 22.195262 11.414213 21.414213L2.585786 12.585786C2.210714 12.210714 2 11.702006 2 11.171573Z"/><path fill="currentColor" d="M9.5 8C9.5 8.8284 8.8284 9.5 8 9.5C7.1716 9.5 6.5 8.8284 6.5 8C6.5 7.1716 7.1716 6.5 8 6.5C8.8284 6.5 9.5 7.1716 9.5 8Z" stroke="none"/></g></svg>كيفية استخدام أيقونة Tag Two Tone
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:tag-two-tone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:tag-two-tone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:tag-two-tone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--tag-two-tone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:tag-two-tone"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:tag-two-tone"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/keyline-icons/tag-two-tone.svg" alt="أيقونة Tag Two Tone" width="24" height="24">أيقونات ذات صلة في Keyline Icons
tag
tag-duotone
tag-fill
tag-horizontal-end
tag-horizontal-end-duotone
tag-horizontal-end-fill
tag-horizontal-end-percent
tag-horizontal-end-percent-duotone
tag-horizontal-end-percent-fill
tag-horizontal-end-percent-sharp
tag-horizontal-end-percent-sharp-duotone
tag-horizontal-end-percent-sharp-fill
tag-horizontal-end-percent-sharp-two-tone
tag-horizontal-end-percent-two-tone
tag-horizontal-end-sharp
tag-horizontal-end-sharp-duotone
tag-horizontal-end-sharp-fill
tag-horizontal-end-sharp-two-tone
tag-horizontal-end-two-tone
tag-horizontal-start
tag-horizontal-start-duotone
tag-horizontal-start-fill
tag-horizontal-start-percent
tag-horizontal-start-percent-duotone
الأسئلة الشائعة حول أيقونة Tag Two Tone
هل أيقونة Tag Two Tone مجانية للاستخدام التجاري؟
نعم. تُنشر Keyline Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Tag Two Tone في React؟
ثبّت @iconify/react واعرض <Icon icon="keyline-icons:tag-two-tone" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Tag Two Tone إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/keyline-icons/tag-two-tone.svg" alt="أيقونة Tag Two Tone">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.