devpack
EnglishEspañolPortuguêsBahasa IndonesiaFrançaisРусскийDeutschTiếng Việt

Iconos de usuario gratis (SVG)

48 iconos de usuario gratuitos de conjuntos de código abierto: haz clic en uno para cambiar su tamaño, color y trazo, y cópialo como SVG, JSX, data URI o CSS.

Actualizado el

user
Lucideuser
Tableruser
Heroiconsuser
Phosphoruser
Iconoiruser
Material Design Iconsuser
Carbonuser-round
Lucideuser-filled
Tableruser-16-solid
Heroiconsuser-bold
Phosphoruser-bag
Iconoiruser-outline
Material Design Iconsuser-filled
Carbonuser-x
Lucideuser-x
Tableruser-20-solid
Heroiconsuser-duotone
Phosphorhome-user
Iconoiruser-box
Material Design Iconstask-user
Carbonuser-cog
Lucideuser-up
Tableruser-solid
Heroiconsuser-fill
Phosphoruser-cart
Iconoiruser-box-outline
Material Design Iconsuser-data
Carbonuser-key
Lucideuser-cog
Tableruser-plus
Heroiconsuser-light
Phosphoruser-love
Iconoiruser-key
Material Design Iconsuser-role
Carbonuser-pen
Lucideuser-key
Tableruser-plus-16-solid
Heroiconsuser-thin
Phosphoruser-plus
Iconoiruser-key-outline
Material Design Iconsbook-user
Lucideuser-off
Tableruser-plus-20-solid
Heroiconsuser-gear
Phosphoruser-scan
Iconoiruser-off
Material Design Iconsfile-user
Lucide

Usar iconos de usuario

Los iconos de persona representan cuentas, perfiles e inicios de sesión; una variante con contorno circular suele reemplazar una foto de perfil que falta.

Todos los iconos de aquí siguen currentColor, así que toman el color de texto del elemento en el que están: un mismo SVG funciona en fondos claros y oscuros, en enlaces y en botones. Define un width y un height explícitos (o ajústalos en CSS con 1em) para que el diseño no se desplace mientras carga la página.

Iconos accesibles

Si el icono es decorativo o va junto a texto visible, añade aria-hidden="true". Si es el único contenido de un botón o enlace, dale a ese elemento un aria-label como “Usuario”.

Licencias

Estos iconos de usuario provienen de Lucide, Tabler, Heroicons, Phosphor, Iconoir, Material Design Icons y Carbon: conjuntos de código abierto bajo licencias MIT, ISC o Apache 2.0, que permiten el uso personal y comercial. ¿Necesitas algo más? Busca entre más de 70,000+ iconos en el SVG Icon Finder.

Preguntas frecuentes

¿Son gratuitos para uso comercial estos iconos de usuario?
Sí. Provienen de conjuntos de iconos de código abierto bajo licencias MIT, ISC o Apache 2.0, que permiten el uso comercial. Conserva el aviso de licencia si redistribuyes los propios archivos de iconos.
¿Cómo cambio el color de un icono de usuario?
Los SVG usan currentColor, así que define el color CSS del elemento padre; o abre el icono en el buscador y elige un color fijo antes de copiarlo.
¿Puedo usar estos iconos en Webflow o React?
Sí. Abre un icono y usa Copy to Webflow (pega un Code Embed) o Copy JSX para un componente de React.