Icono de Vite
PNG transparente de alta calidad de Vite para web e impresión.
Código vectorial SVG de Vite optimizado para desarrolladores.
Componente de icono de React de Vite listo para usar.
Use Vite in a generated UI
Turn this icon into a login page, dashboard, landing page, or integration screen.
Cómo usar el icono de Vite
Copia el icono de Vite como SVG en línea, código React, incrustación HTML o máscara CSS.
SVG en línea
Pega el SVG de Vite directamente en HTML o JSX.
Componente React
Usa Vite como un componente de icono de React tipado.
import React from 'react';
export const ViteIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);Incrustación HTML
Usa una URL alojada del icono de Vite con atribución.
Máscara CSS
Usa Vite como un icono de máscara CSS que permite cambiar el color.
.vite-icon {
display: inline-block;
width: 32px;
height: 32px;
background-color: #646cff;
mask: url("https://www.aiuidesigner.com/icons/vite.svg") center / contain no-repeat;
-webkit-mask: url("https://www.aiuidesigner.com/icons/vite.svg") center / contain no-repeat;
}Detalles del icono de Vite
Color de marca
Categoría
Desarrollo
Formatos
SVG, PNG, React, HTML, máscara CSS
SVG viewBox
0 0 24 24
Archivo SVG
447 B · 1 trazado
Licencia
Consultar guía de marca
Fuente
github.comAcerca del icono de Vite
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 Vite en proyectos comerciales, documentación, maquetas de UI o páginas de marketing.
Preguntas frecuentes sobre el icono de Vite
Design a UI with the Vite icon
Generate a complete page that already uses this icon, color, and brand context.