AI UI Designer Logo
AI UI Designer

ไอคอน X (Twitter)

โซเชียล#000000

ไฟล์ PNG โปร่งใสคุณภาพสูงของ X (Twitter) สำหรับเว็บและงานพิมพ์

โค้ดเวกเตอร์ SVG ของ X (Twitter) ที่ปรับแต่งมาเพื่อนักพัฒนา

React icon component ของ 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) ในรูปแบบ inline SVG, โค้ด React, การฝัง HTML หรือ CSS mask

Inline SVG

วาง SVG ของ X (Twitter) ลงใน HTML หรือ JSX ได้โดยตรง

React Component

ใช้งาน X (Twitter) ในรูปแบบ typed React icon component

import React from 'react';

export const XTwitterIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
  
);

HTML Embed

ใช้งาน URL ไอคอน X (Twitter) ที่โฮสต์ไว้พร้อมการระบุที่มา

CSS Mask

ใช้งาน X (Twitter) เป็นไอคอน CSS mask ที่สามารถเปลี่ยนสีได้

.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)

สีประจำแบรนด์

#000000

หมวดหมู่

โซเชียล

รูปแบบ

SVG, PNG, React, HTML, CSS mask

SVG viewBox

0 0 24 24

ไฟล์ SVG

299 B · 1 เส้นทาง (path)

สัญญาอนุญาต

ตรวจสอบคำแนะนำการใช้แบรนด์

ที่มา

x.com

แนวทางปฏิบัติของแบรนด์

about.x.com

ชื่อเรียกอื่น

Twitter

เกี่ยวกับไอคอน X (Twitter)

icons.aboutParagraph1

โปรดตรวจสอบลิงก์ที่มาและแนวทางปฏิบัติของแบรนด์ในหน้านี้ เพื่อยืนยันกฎการใช้เครื่องหมายการค้าในปัจจุบัน ก่อนนำโลโก้ X (Twitter) ไปใช้ในโปรเจกต์เชิงพาณิชย์, เอกสาร, UI mockup หรือหน้าการตลาด

แท็ก:socialtwitternetwork

คำถามที่พบบ่อยเกี่ยวกับไอคอน X (Twitter)

Design a UI with the X (Twitter) icon

Generate a complete page that already uses this icon, color, and brand context.

X (Twitter) ไอคอนที่เกี่ยวข้อง