أيقونة X (Twitter)
صورة PNG شفافة عالية الجودة لـ X (Twitter) مناسبة للويب والطباعة.
كود متجه SVG محسن لـ X (Twitter) مخصص للمطورين.
مكون أيقونة React جاهز للاستخدام لـ X (Twitter).
Use X (Twitter) in a generated UI
Turn this icon into a login page, dashboard, landing page, or integration screen.
كيفية استخدام أيقونة X (Twitter)
انسخ أيقونة X (Twitter) كـ SVG مضمن، أو كود React، أو تضمين HTML، أو قناع CSS.
SVG مضمن
الصق كود SVG الخاص بـ X (Twitter) مباشرة في HTML أو JSX.
مكون React
استخدم X (Twitter) كمكون أيقونة React مُعرّف النوع.
import React from 'react';
export const XTwitterIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);تضمين HTML
استخدم رابط URL مستضاف لأيقونة X (Twitter) مع ذكر المصدر.
قناع CSS
استخدم X (Twitter) كأيقونة قناع CSS قابلة لتغيير اللون.
.x-icon {
display: inline-block;
width: 32px;
height: 32px;
background-color: #000000;
mask: url("https://www.aiuidesigner.com/icons/x.svg") center / contain no-repeat;
-webkit-mask: url("https://www.aiuidesigner.com/icons/x.svg") center / contain no-repeat;
}تفاصيل أيقونة X (Twitter)
لون العلامة التجارية
الفئة
اجتماعي
التنسيقات
SVG, PNG, React, HTML, CSS mask
SVG viewBox
0 0 24 24
ملف SVG
299 بايت · 1 مسار
الترخيص
راجع إرشادات العلامة التجارية
المصدر
x.comإرشادات العلامة التجارية
about.x.comالأسماء المستعارة
حول أيقونة X (Twitter)
icons.aboutParagraph1
استخدم روابط المصدر وإرشادات العلامة التجارية الموجودة في هذه الصفحة للتحقق من قواعد استخدام العلامة التجارية الحالية قبل استخدام شعار X (Twitter) في المشاريع التجارية، أو التوثيقات، أو نماذج واجهة المستخدم، أو صفحات التسويق.
X (Twitter) أسئلة متكررة حول أيقونة
Design a UI with the X (Twitter) icon
Generate a complete page that already uses this icon, color, and brand context.