ICONYZ
العربية
أيقونة Twitter Logo من Fluent UI MDL2

أيقونة Twitter Logo

fluent-mdl2:twitter-logo

أيقونة Twitter Logo (fluent-mdl2:twitter-logo) أيقونة SVG مجانية من مجموعة Fluent UI MDL2 من تصميم Microsoft Corporation. مرسومة على شبكة 2048 × 2048. تُنشر Fluent UI MDL2 icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Fluent UI MDL2
المؤلف
Microsoft Corporation
الترخيص
MIT
الحجم
2048 × 2048
الوسوم
twitterlogo
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M2048 389q-42 63-95 117t-115 100q1 14 1 27t1 28q0 126-27 249t-78 238q-74 167-185 298t-251 223t-307 139t-348 48q-172 0-335-47T0 1667q49 6 100 6q143 0 276-46t246-134q-67-1-129-22t-113-60t-90-92t-60-117q20 3 39 5t40 2q56 0 110-15q-74-15-135-53t-107-92t-70-123t-25-144v-5q88 50 191 53q-44-30-78-68t-59-84t-37-95t-13-103q0-56 14-109t43-102q80 99 178 177t208 135t232 88t248 39q-6-23-8-47t-3-49q0-87 33-163t90-134t133-90t164-33q88 0 167 34t140 99q71-14 137-39t129-63q-23 73-70 133t-114 99q126-15 241-66"/></svg>

كيفية استخدام أيقونة Twitter Logo

React

import { Icon } from "@iconify/react";

<Icon icon="fluent-mdl2:twitter-logo" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fluent-mdl2:twitter-logo" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fluent-mdl2:twitter-logo" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--twitter-logo]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:twitter-logo"></div>

مكوّن ويب

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fluent-mdl2:twitter-logo"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/fluent-mdl2/twitter-logo.svg" alt="أيقونة Twitter Logo" width="24" height="24">

أيقونة Twitter Logo في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Twitter Logo

هل أيقونة Twitter Logo مجانية للاستخدام التجاري؟

نعم. تُنشر Fluent UI MDL2 icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Twitter Logo في React؟

ثبّت @iconify/react واعرض <Icon icon="fluent-mdl2:twitter-logo" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة Twitter Logo إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/twitter-logo.svg" alt="أيقونة Twitter Logo">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل أيقونات Fluent UI MDL2 →