devpack
EnglishDeutsch · StartseiteFrançais · AccueilEspañol · InicioPortuguês (Brasil) · Início
Site Audit

Free Share Icons (SVG)

48 free share icons from open-source sets — click one to change its size, color and stroke and copy it as SVG, JSX, a data URI or CSS.

Updated

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

Using share icons

Share icons open the share sheet or copy a link; iOS-style boxes with an arrow and Android-style connected dots are both widely recognized.

All icons here follow currentColor, so they take the text color of the element they sit in — one SVG works on light and dark backgrounds, in links and in buttons. Set an explicit width and height (or size them in CSS with 1em) so the layout doesn’t shift while the page loads.

Accessible icons

If the icon is decorative or sits next to visible text, add aria-hidden="true". If it is the only content of a button or link, give that element an aria-label such as “Share”.

Licenses

These share icons come from Lucide, Tabler, Heroicons, Phosphor, Bootstrap Icons, Iconoir, Fluent UI, Material Symbols, Material Design Icons, Carbon — open-source sets under MIT, ISC or Apache 2.0 licenses, which allow personal and commercial use. Need something else? Search all 70,000+ icons in the SVG Icon Finder.

SVG Icon FinderSearch 70,000+ open-source SVG icons — Lucide, Tabler, Heroicons, Phosphor, Bootstrap, Material and more.
Open the tool

Frequently asked questions

Are these share icons free for commercial use?
Yes. They come from open-source icon sets under MIT, ISC or Apache 2.0 licenses, which allow commercial use. Keep the license notice if you redistribute the icon files themselves.
How do I change the color of a share icon?
The SVGs use currentColor, so set the CSS color of the parent element — or open the icon in the finder and pick a fixed color before copying.
Can I use these icons in Webflow or React?
Yes. Open an icon and use Copy to Webflow (pastes a Code Embed) or Copy JSX for a React component.