أيقونة Yt
circle-flags:yt
أيقونة Yt (circle-flags:yt) أيقونة SVG مجانية من مجموعة Circle Flags من تصميم HatScripts. مرسومة على شبكة 512 × 512. تُنشر Circle Flags icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Circle Flags
- المؤلف
- HatScripts
- الترخيص
- MIT
- الحجم
- 512 × 512
شيفرة 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="#acabb1" d="M113 139c-4 0-11 2-23 8a59 59 0 0 0-13 9c-28 27-20 68-11 79c3 4 16 23 32 30c22 8 36 28 37 51c0 24-15 44-34 46h-4c-19 0-36-19-37-43v2c1 29 20 52 43 52s44-12 55-32l5-8a43 43 0 0 0 4-14c4-19 6-70-47-95c-40-20-45-36-40-43a4 4 0 0 1 3-1a19 19 0 0 0 18 19a15 15 0 0 0 10-4s18 18 24 11s0-7-6-14c-5-7 0-21-11-28c-12-7-18-7-12-15a16 16 0 0 1 12-7s0-3-5-3m287 0c-5 0-5 3-5 3c5 1 9 3 12 7c5 8 0 8-12 15s-6 21-12 28c-5 7-11 7-5 14c5 7 24-11 24-11a15 15 0 0 0 10 4a19 19 0 0 0 18-19a4 4 0 0 1 2 1c6 7 1 23-40 43c-52 25-50 76-47 95l5 14a189 189 0 0 0 5 8c10 20 32 33 54 32c24 0 43-23 44-52v-2c-2 24-18 43-38 43h-4c-19-2-33-22-33-46c1-23 15-43 36-51c16-7 29-26 33-30c8-11 17-52-11-79a59 59 0 0 0-14-9c-12-6-18-8-22-8M26 199c-1 0-2 1-2 3c-2 16-1 52 33 64a2 2 0 0 0 3-1l6-8v-4c-5-7-22-31-22-44l-2-2a19 19 0 0 1-15-7zm460 0l-1 1a19 19 0 0 1-15 7l-2 2c0 13-17 37-21 44v4l5 8a2 2 0 0 0 3 1c34-12 35-48 34-64z"/><path fill="#0052b4" d="M211 147a22.5 22.5 0 0 0 0 45a22.5 22.5 0 0 0 0 45l45 32l45-32a22.5 22.5 0 0 0 0-45a22.5 22.5 0 1 0-22.5-22.5a22.5 22.5 0 0 0-45 0A22.5 22.5 0 0 0 211 147"/><path fill="#d80027" d="M211 327a22.5 22.5 0 0 1-22.5-22.5A22.5 22.5 0 0 1 211 282a22.5 22.5 0 0 1-22.5-22.5A22.5 22.5 0 0 1 211 237h90a22.5 22.5 0 0 1 22.5 22.5A22.5 22.5 0 0 1 301 282a22.5 22.5 0 0 1 22.5 22.5A22.5 22.5 0 0 1 301 327a22.5 22.5 0 0 1-22.5-22.5A22.5 22.5 0 0 1 256 327a22.5 22.5 0 0 1-22.5-22.5A22.5 22.5 0 0 1 211 327"/><path fill="#eee" d="M232 188a25 25 0 0 0-1 5a25 25 0 0 0 25 25a25 25 0 0 0 25-25a25 25 0 0 0-1-5a25 25 0 0 1-24 19a25 25 0 0 1-24-19"/><path fill="#ffda44" d="M283 254a4 4 0 0 0-4 4v8l-7-4a4 4 0 0 0-2-1a4 4 0 0 0-3 2a4 4 0 0 0 1 6l7 4l-7 3a4 4 0 0 0-1 6a4 4 0 0 0 5 1l7-3v7a4 4 0 0 0 4 4a4 4 0 0 0 4-4v-7l7 3a4 4 0 0 0 5-1a4 4 0 0 0-1-6l-7-3l7-4a4 4 0 0 0 1-6a4 4 0 0 0-3-2a4 4 0 0 0-2 1l-7 4v-8a4 4 0 0 0-4-4m-54 0a4 4 0 0 0-4 4v8l-7-4a4 4 0 0 0-2-1a4 4 0 0 0-3 2a4 4 0 0 0 1 6l7 4l-7 3a4 4 0 0 0-1 6a4 4 0 0 0 5 1l7-3v7a4 4 0 0 0 4 4a4 4 0 0 0 4-4v-7l7 3a4 4 0 0 0 5-1a4 4 0 0 0-1-6l-7-3l7-4a4 4 0 0 0 1-6a4 4 0 0 0-3-2a4 4 0 0 0-2 1l-7 4v-8a4 4 0 0 0-4-4"/></g></svg>كيفية استخدام أيقونة Yt
React
import { Icon } from "@iconify/react";
<Icon icon="circle-flags:yt" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="circle-flags:yt" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="circle-flags:yt" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[circle-flags--yt]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/circle-flags -->
<div class="i-circle-flags:yt"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="circle-flags:yt"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/circle-flags/yt.svg" alt="أيقونة Yt" width="24" height="24">أيقونة Yt في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Yt
هل أيقونة Yt مجانية للاستخدام التجاري؟
نعم. تُنشر Circle Flags icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Yt في React؟
ثبّت @iconify/react واعرض <Icon icon="circle-flags:yt" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Yt إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/circle-flags/yt.svg" alt="أيقونة Yt">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.