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

Iconos de compartir gratis (SVG)

48 iconos de compartir 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

share
Lucideshare
Tablershare
Heroiconsshare
Phosphorshare
Bootstrap Iconsshare-ios
Iconoirshare-16-filled
Fluent UIshare
Material Symbolsshare
Material Design Iconsshare
Carbonshare-2
Lucideshare-2
Tablershare-16-solid
Heroiconsshare-bold
Phosphorshare-fill
Bootstrap Iconsshare-16-regular
Fluent UIshare-outline
Material Symbolsshare-outline
Material Design Iconsdata-share
Carbonshare-3
Tablershare-20-solid
Heroiconsshare-duotone
Phosphorshare-20-filled
Fluent UIios-share
Material Symbolsios-share
Material Design Iconseye-share
Tablershare-solid
Heroiconsshare-fill
Phosphorshare-20-regular
Fluent UIios-share-rounded
Material Symbolsshare-all
Material Design Iconsmap-share
Tablershare-light
Phosphorshare-24-filled
Fluent UIios-share-sharp
Material Symbolsshare-all-outline
Material Design Iconsshare-off
Tablershare-thin
Phosphorshare-24-regular
Fluent UIshare-eta
Material Symbolsshare-off
Material Design Iconsbell-share
Tablershare-fat
Phosphorshare-28-filled
Fluent UIshare-eta-rounded
Material Symbolsshare-off-outline
Material Design Iconsflag-share
Tablershare-fat-bold
Phosphor

Uso de los iconos de compartir

Los iconos de compartir abren el panel para compartir o copian un enlace; las cajas estilo iOS con una flecha y los puntos conectados estilo Android son ampliamente reconocidos.

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 “Compartir”.

Licencias

Estos iconos de compartir provienen de Lucide, Tabler, Heroicons, Phosphor, Bootstrap Icons, Iconoir, Fluent UI, Material Symbols, 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 compartir?
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 los iconos.
¿Cómo cambio el color de un icono de compartir?
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 Copiar para Webflow (pega un Code Embed) o Copiar JSX para un componente de React.