Energy Icons
energy-icons · 8.000 iconos · de Sam Passmore · MIT · un solo color · Actualizado
Energy Icons es una colección de iconos gratis y de código abierto con 8.000 iconos SVG de Sam Passmore, publicada bajo la licencia MIT. Los iconos son de un solo color: siguen el color de tu texto (currentColor) y se pueden recolorear con CSS.
Acerca de Energy Icons
Entre los Energy Icons más populares están hex key 48, bookmark 48, brackets 48, check 48, parallelogram 48 y loader 2 48.
Abre cualquier icono para copiarlo como SVG, JSX, Vue, Svelte, Solid, Astro o CSS, o descárgalo en SVG o PNG. Energy Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
Cómo usar Energy Icons
Todos los iconos de esta página funcionan con cualquier framework. Los ejemplos usan energy-icons:hex-key-48; abre un icono para copiar su código exacto en SVG, JSX, Vue, Svelte, Solid, Astro o CSS. Para consejos de tamaño, color y accesibilidad, lee cómo usar iconos SVG.
React
import { Icon } from "@iconify/react";
<Icon icon="energy-icons:hex-key-48" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="energy-icons:hex-key-48" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="energy-icons:hex-key-48" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--hex-key-48]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:hex-key-48"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="energy-icons:hex-key-48"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/energy-icons/hex-key-48.svg" alt="Icono Hex Key 48" width="24" height="24">Preguntas frecuentes sobre Energy Icons
¿Se pueden usar gratis los Energy Icons en proyectos comerciales?
Sí. Energy Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cuántos iconos tiene Energy Icons?
En Energy Icons hay 8.000 iconos.
¿Qué licencia usan los Energy Icons?
Energy Icons se distribuyen bajo MIT. El texto completo de la licencia está disponible en https://github.com/Sam-r-passmore/energy-icons/blob/main/LICENSE.
¿Quién creó Energy Icons?
Energy Icons son obra de Sam Passmore.
¿Cómo uso Energy Icons en React?
Instala @iconify/react y renderiza <Icon icon="energy-icons:hex-key-48" />, o abre cualquier icono de esta página y cópialo como un componente de React independiente.