IconSearch logoIconsearch
Home/Libraries/Dashicons (Iconify)/share-alt
← Back to Search
Dashicons (Iconify)

ShareAlt

License: GPL-2.0-or-later


<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 20 20"><path fill="#818cf8" d="M16.22 5.8c.47.69.29 1.62-.4 2.08c-.69.47-1.62.29-2.08-.4c-.16-.24-.35-.46-.55-.67a4.4 4.4 0 0 0-1.44-.96c-.27-.12-.55-.21-.84-.26c-.59-.13-1.23-.13-1.82-.01q-.435.09-.84.27c-.27.11-.53.25-.77.41s-.46.35-.66.55c-.21.21-.4.43-.56.67s-.3.5-.41.76c-.01.02-.01.03-.01.04c-.1.24-.17.48-.23.72H1V6h2.66c.04-.07.07-.13.12-.2c.27-.4.57-.77.91-1.11s.72-.65 1.11-.91c.4-.27.83-.51 1.28-.7s.93-.34 1.41-.43c.99-.21 2.03-.21 3.02 0c.48.09.96.24 1.41.43s.88.43 1.28.7c.39.26.77.57 1.11.91s.64.71.91 1.11M12.5 10a2.5 2.5 0 0 0-5 0a2.5 2.5 0 0 0 5 0m-8.72 4.2a1.497 1.497 0 1 1 2.48-1.68c.16.24.35.46.55.67a4.4 4.4 0 0 0 1.44.96c.27.12.55.2.84.26c.59.13 1.23.12 1.82 0c.29-.06.57-.14.84-.26c.27-.11.53-.25.77-.41s.46-.35.66-.55c.21-.21.4-.44.56-.67c.16-.25.3-.5.41-.76c.01-.02.01-.03.01-.04c.1-.24.17-.48.23-.72H19v3h-2.66c-.04.06-.07.13-.12.2c-.27.4-.57.77-.91 1.11s-.72.65-1.11.91c-.4.27-.83.51-1.28.7s-.93.33-1.41.43c-.99.21-2.03.21-3.02 0c-.48-.1-.96-.24-1.41-.43s-.88-.43-1.28-.7c-.39-.26-.77-.57-1.11-.91s-.64-.71-.91-1.11"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard
Dashboard
Analytics
Settings

Overview Dashboard

PROGRESS STEPPER

3

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px
16px
24px
32px
48px

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. ShareAltIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **GPL-2.0-or-later** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.

Related Icons in Dashicons (Iconify)

Browse all Dashicons (Iconify) icons →
admin-appearance
admin-appearance
admin-collapse
admin-collapse
admin-comments
admin-comments
admin-customizer
admin-customizer
admin-generic
admin-generic
admin-home
admin-home
admin-links
admin-links
admin-media
admin-media
admin-multisite
admin-multisite
admin-network
admin-network
admin-page
admin-page
admin-plugins
admin-plugins