أيقونة In Tn
circle-flags:in-tn
أيقونة In Tn (circle-flags:in-tn) أيقونة SVG مجانية من مجموعة Circle Flags من تصميم HatScripts. مرسومة على شبكة 512 × 512. تُنشر Circle Flags icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Circle Flags
- المؤلف
- HatScripts
- الترخيص
- MIT
- الحجم
- 512 × 512
- الوسوم
- intn
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><mask id="SVGuywqVbel"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#SVGuywqVbel)"><path fill="#eee" d="M0 0h512v512H0z"/><path fill="#496e2d" d="M256 32a206 206 0 1 0 0 412a206 206 0 0 0 0-412m0 8a198 198 0 0 1 182 276h-43a158 158 0 0 0-73-222v8a151 151 0 0 1 64 214h-1v72a197 197 0 0 1-258 0v-72a151 151 0 0 1 63-214v-8a159 159 0 0 0-73 222H74A198 198 0 0 1 256 40m0 12A186 186 0 0 0 73 271a8 8 0 0 0 9 7a8 8 0 0 0 7-9l-3-31a170 170 0 1 1 337 31a8 8 0 0 0 7 9a8 8 0 0 0 9-7A187 187 0 0 0 256 52M63 355a8 8 0 0 0-4 1a8 8 0 0 0-3 11a238 238 0 0 0 400 0a8 8 0 0 0-3-11a8 8 0 0 0-11 3a222 222 0 0 1-372 0a8 8 0 0 0-7-4"/><path fill="#ffda44" d="M199 86v51l-25 153l-38 31h240l-38-31l-25-153V86z"/><path fill="#ff9811" d="M136 321h240v24H136z"/><path fill="#eee" d="M136 345h240v24H136z"/><path fill="#6da544" d="M136 369h240v24H136z"/><circle cx="191" cy="357" r="8" fill="#0052b4"/><circle cx="-321" cy="357" r="8" fill="#0052b4" transform="scale(-1 1)"/><path fill="#d80027" d="M256 252a20 20 0 0 0-20 20a20 20 0 0 0-17-10a20 20 0 0 0-20 20a20 20 0 0 0 20 20a20 20 0 0 0 3 0v71h-1c-5 0-10 4-10 10v8c0 5 5 10 10 10h1v1c0 6 5 10 10 10h48c6 0 10-4 10-10v-1h1c6 0 10-5 10-10v-8c0-6-4-10-10-10h-1v-71a20 20 0 0 0 3 0a20 20 0 0 0 20-20a20 20 0 0 0-20-20a20 20 0 0 0-17 11a20 20 0 0 0 0-1a20 20 0 0 0-20-20"/></g></svg>
كيفية استخدام أيقونة In Tn
React
import { Icon } from "@iconify/react";
<Icon icon="circle-flags:in-tn" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="circle-flags:in-tn" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="circle-flags:in-tn" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[circle-flags--in-tn]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/circle-flags -->
<div class="i-circle-flags:in-tn"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="circle-flags:in-tn"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/circle-flags/in-tn.svg" alt="أيقونة In Tn" width="24" height="24">
أيقونات ذات صلة في Circle Flags
الأسئلة الشائعة حول أيقونة In Tn
هل أيقونة In Tn مجانية للاستخدام التجاري؟
نعم. تُنشر Circle Flags icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة In Tn في React؟
ثبّت @iconify/react واعرض <Icon icon="circle-flags:in-tn" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة In Tn إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/circle-flags/in-tn.svg" alt="أيقونة In Tn">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات Circle Flags →
ICONYZ
