أيقونة Youtube
ls:youtube
أيقونة Youtube (ls:youtube) أيقونة SVG مجانية من مجموعة Ligature Symbols من تصميم Kazuyuki Motoyama. مرسومة على شبكة 609 × 768. تُنشر Ligature Symbols icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Ligature Symbols
- المؤلف
- Kazuyuki Motoyama
- الترخيص
- OFL-1.1
- الحجم
- 609 × 768
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="609" height="768" viewBox="0 0 609 768"><path fill="currentColor" d="M98 206v125h52V206L220 0h-55l-41 134L83 0H26zm140 8c0 46 4 63 10 81c11 29 31 43 62 43s52-14 63-43c6-18 10-35 10-81s-4-71-10-89c-11-29-32-43-63-43s-51 14-62 43c-6 19-10 43-10 89m316 117V89h-48v145c0 15-1 27-3 33c-3 12-10 17-19 17s-15-5-18-15c-1-6-2-17-2-31V89h-46v184c0 43 15 65 46 65c18 0 34-11 43-34v27zM334 209v18c0 29 0 29-1 33c-3 20-11 31-23 31c-13 0-20-12-23-36v-53c0-25 0-41 1-46c3-18 10-26 22-26s20 11 23 30c1 6 1 22 1 49M102 365h405c56 0 102 47 102 103v197c0 56-46 103-102 103H102C46 768 0 721 0 665V468c0-56 46-103 102-103m36 108h42v-42H59v42h42v214h37zm218 214v-21c6 16 17 26 31 26c17 0 29-12 34-37c3-12 5-33 5-63c0-31-2-53-4-66c-5-25-18-37-35-37c-13 0-23 8-29 22v-80h-33v256zm126-90h68v-15c0-36-4-59-10-71c-8-14-22-22-40-22c-19 0-33 8-41 21c-5 8-9 20-10 36c-1 7-2 21-2 39c0 23 1 38 2 46c1 18 5 33 11 43c8 12 22 18 39 18s30-5 38-15s12-26 12-49v-8h-33c0 26-5 38-16 38c-8 0-14-6-16-18c-2-6-2-17-2-31zm-221 90h34V494h-35v123c0 11 0 19-2 24c-2 8-6 12-13 12c-6 0-11-3-13-11c-2-4-2-12-2-22V494h-32v151c0 31 9 47 32 47c13 0 24-9 31-25zm221-126v-3c-1-11 0-21 3-27c3-5 8-8 14-8c7 0 12 4 14 11c2 5 2 13 2 24v8h-33zm-106-35c8 0 13 10 15 27v38s0 35-1 38c-1 17-6 26-14 26c-9 0-16-7-18-21c-1-5-1-17-1-35c0-25 0-39 1-43c2-19 8-30 18-30"/></svg>
كيفية استخدام أيقونة Youtube
React
import { Icon } from "@iconify/react";
<Icon icon="ls:youtube" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ls:youtube" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ls:youtube" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ls--youtube]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ls -->
<div class="i-ls:youtube"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ls:youtube"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/ls/youtube.svg" alt="أيقونة Youtube" width="24" height="24">
أيقونة Youtube في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Youtube
هل أيقونة Youtube مجانية للاستخدام التجاري؟
نعم. تُنشر Ligature Symbols icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Youtube في React؟
ثبّت @iconify/react واعرض <Icon icon="ls:youtube" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Youtube إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/ls/youtube.svg" alt="أيقونة Youtube">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات Ligature Symbols →
ICONYZ
