Home/Libraries/Freehand free icons (Iconify)/share-circles

Freehand free icons (Iconify)

ShareCircles

License: CC-BY-4.0

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><path fill="#818cf8" fill-rule="evenodd" d="M19.531 15.53a4.48 4.48 0 0 0-3.673 1.458a4.3 4.3 0 0 0-.75 4.462a4.26 4.26 0 0 0 3.645 2.526q.499.048.998 0a3.8 3.8 0 0 0 .998-.18a.35.35 0 0 0 .24-.439a.35.35 0 0 0-.44-.24a3 3 0 0 1-.808.11a4.7 4.7 0 0 1-.829-.05a3.39 3.39 0 0 1-2.785-2.106a3.2 3.2 0 0 1 .689-3.294a3.394 3.394 0 0 1 5.261.38c.289.401.464.874.51 1.367a4.2 4.2 0 0 1-.12 1.537a4 4 0 0 1-.22.63a4 4 0 0 1-.33.558a.309.309 0 1 0 .48.39q.229-.31.389-.66q.181-.34.3-.708a5.2 5.2 0 0 0 .259-1.817a3.7 3.7 0 0 0-.54-1.827a4.3 4.3 0 0 0-3.274-2.096m-4.372-9.524a4.24 4.24 0 0 0 3.574 2.416q.498.056.998 0q.512-.023.998-.18a.355.355 0 0 0 .07-.65a.35.35 0 0 0-.27-.029a3.5 3.5 0 0 1-.808.11a4 4 0 0 1-.829-.06a3.38 3.38 0 0 1-2.775-2.116a3.23 3.23 0 0 1 .709-3.295a3.403 3.403 0 0 1 5.161.45c.293.399.479.866.54 1.357a4.7 4.7 0 0 1-.12 1.538a4 4 0 0 1-.23.629a3.5 3.5 0 0 1-.34.559a.31.31 0 0 0 .159.495a.31.31 0 0 0 .33-.106q.253-.301.44-.649q.19-.345.32-.719a5.3 5.3 0 0 0 .259-1.747a3.65 3.65 0 0 0-.53-1.826A4.24 4.24 0 0 0 19.552.017a4.47 4.47 0 0 0-3.683 1.428a4.36 4.36 0 0 0-.999 3.863zm-1.458-.12c-1.228.65-1.248.719-2.446 1.428c-.399.23-.798.489-1.188.748L8.52 9.152c-.659.748-.509 1.058.49.848c.389-.21.928-.519 1.677-.948c.409-.23.808-.48 1.197-.739c1.109-.739 1.248-.998 2.346-1.727c.57-.649.4-.879-.529-.699m-5.271 12.1c.23.14.49.279.749.419c.47.24.998.479 1.487.689q1.298.532 2.666.838a.353.353 0 0 0 .19-.679c-.48-.18-1.248-.639-2.137-1.098c-.479-.24-.998-.499-1.477-.699l-.38-.14c-1.717-.329-2.056-.11-1.098.67m-.728-1.258c.12-.1.26-.19.369-.3q.361-.34.629-.759a.35.35 0 1 0-.58-.389a4 4 0 0 1-.558.599q-.32.267-.679.48a3.39 3.39 0 0 1-3.484.139a3.25 3.25 0 0 1-1.557-2.995a3.36 3.36 0 0 1 1.407-2.506a3.3 3.3 0 0 1 2.915-.509c.473.128.904.38 1.248.729a4.3 4.3 0 0 1 1.118 1.897q.079.32.1.649a.3.3 0 0 0 .31.3a.31.31 0 0 0 .309-.31q0-.383-.07-.759a5 5 0 0 0-.17-.799a5.2 5.2 0 0 0-.998-1.557l-.08-.09L7.322 10a3.6 3.6 0 0 0-.878-.45A4.3 4.3 0 0 0 2.59 10a4.47 4.47 0 0 0-1.936 3.474a4.3 4.3 0 0 0 2.256 3.924a4.17 4.17 0 0 0 4.103-.17z" clip-rule="evenodd"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

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. ShareCirclesIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-4.0** 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.