+130 iconos SVG gratis con efectos neón para modo oscuro
Haz clic en cualquier icono para copiar el código HTML, SVG o CSS
Elige el método que mejor se adapte a tu proyecto
Para proyectos con Node.js, React, Vue, Angular, etc.
npm install neon-icons-library
Importar en tu código:
import 'neon-icons-library/neon-icons.css';
Agrega directamente en tu HTML, sin instalación.
Incluir CSS:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/yefferking/IconsNeon@main/neon-icons.css">
JavaScript (opcional):
<script src="https://cdn.jsdelivr.net/gh/yefferking/IconsNeon@main/icons.js"></script>
Usa npm, CDN o descarga los archivos
Haz clic en cualquier icono y copia el código que prefieras
Pega el código en tu HTML y disfruta del efecto neón
Agrega una clase de tamaño para cambiar el tamaño del icono:
xs
12px
sm
16px
(default)
24px
lg
32px
xl
48px
xxl
64px
<i class="ni ni-star neon-cyan lg"></i>
Agrega una clase de color para aplicar el efecto neón:
neon-cyan
neon-magenta
neon-green
neon-orange
neon-purple
neon-yellow
neon-red
Agrega una clase de animación (opcional):
pulse
Pulso suave
glow
Brillo intenso
flicker
Parpadeo neón
spin
Rotación
bounce
Rebote
<i class="ni ni-heart neon-magenta pulse"></i>