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

Iconos de enlace gratis (SVG)

48 iconos de enlace gratis 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

link
Lucidelink
Tablerlink
Heroiconslink
Phosphorlink
Bootstrap Iconslink
Iconoirlink-12-filled
Fluent UIlink
Material Symbolslink
Material Design Iconslink
Carbonlink-2
Lucidelink-filled
Tablerlink-16-solid
Heroiconslink-bold
Phosphorlink-12-regular
Fluent UIlink-rounded
Material Symbolskey-link
Material Design Iconsbpmn-link-fill
Carbonlink-off
Tablerlink-20-solid
Heroiconslink-duotone
Phosphorlink-16-filled
Fluent UIlink-2
Material Symbolslink-box
Material Design Iconsbpmn-link-outline
Carbonhome-link
Tablerlink-solid
Heroiconslink-fill
Phosphorlink-16-regular
Fluent UIlink-2-rounded
Material Symbolslink-box-outline
Material Design Iconscopy-link
Carbonlink-plus
Tablerlink-light
Phosphorlink-20-filled
Fluent UIadd-link
Material Symbolslink-off
Material Design Iconsjump-link
Carbonlink-thin
Phosphorlink-20-regular
Fluent UIadd-link-rounded
Material Symbolsfile-link
Material Design Iconstext-link
Carbonlink-24-filled
Fluent UIlink-off
Material Symbolsfile-link-outline
Material Design Iconslink-24-regular
Fluent UIlink-off-rounded
Material Symbols

Uso de iconos de enlace

Los eslabones de cadena marcan hipervínculos, botones de «copiar enlace» y cuentas conectadas.

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, asigna a ese elemento un aria-label, como «Enlace».

Licencias

Estos iconos de enlace proceden de Lucide, Tabler, Heroicons, Phosphor, Bootstrap Icons, Iconoir, Fluent UI, Material Symbols, Material Design Icons y Carbon: conjuntos de código abierto con licencias MIT, ISC o Apache 2.0, que permiten el uso personal y comercial. ¿Necesitas otra cosa? Busca entre más de 70 000 iconos en el Buscador de iconos SVG.

Preguntas frecuentes

¿Son gratuitos para uso comercial estos iconos de enlace?
Sí. Proceden de conjuntos de iconos de código abierto con licencias MIT, ISC o Apache 2.0, que permiten el uso comercial. Mantén el aviso de licencia si redistribuyes los propios archivos de los iconos.
¿Cómo cambio el color de un icono de enlace?
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.