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