Icono de X (Twitter)
PNG transparente de alta calidad de X (Twitter) para web e impresión.
Código vectorial SVG de X (Twitter) optimizado para desarrolladores.
Componente de icono de React de X (Twitter) listo para usar.
Use X (Twitter) in a generated UI
Turn this icon into a login page, dashboard, landing page, or integration screen.
Cómo usar el icono de X (Twitter)
Copia el icono de X (Twitter) como SVG en línea, código React, incrustación HTML o máscara CSS.
SVG en línea
Pega el SVG de X (Twitter) directamente en HTML o JSX.
Componente React
Usa X (Twitter) como un componente de icono de React tipado.
import React from 'react';
export const XTwitterIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);Incrustación HTML
Usa una URL alojada del icono de X (Twitter) con atribución.
Máscara CSS
Usa X (Twitter) como un icono de máscara CSS que permite cambiar el color.
.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;
}Detalles del icono de X (Twitter)
Color de marca
Categoría
Social
Formatos
SVG, PNG, React, HTML, máscara CSS
SVG viewBox
0 0 24 24
Archivo SVG
299 B · 1 trazado
Licencia
Consultar guía de marca
Fuente
x.comGuía de marca
about.x.comAlias
Acerca del icono de X (Twitter)
icons.aboutParagraph1
Utiliza los enlaces de la fuente y la guía de marca en esta página para verificar las reglas actuales de uso de la marca registrada antes de usar el logotipo de X (Twitter) en proyectos comerciales, documentación, maquetas de UI o páginas de marketing.
Preguntas frecuentes sobre el icono de X (Twitter)
Design a UI with the X (Twitter) icon
Generate a complete page that already uses this icon, color, and brand context.