Home/Libraries/Freehand free icons (Iconify)/network

Freehand free icons (Iconify)

Network

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"><g fill="#818cf8" fill-rule="evenodd" clip-rule="evenodd"><path d="M23.799 9.985a1.57 1.57 0 0 0-1.74-1a1.94 1.94 0 0 0-1.07.78a1.7 1.7 0 0 0-.23.51h-.17a1 1 0 0 0-.31 0a1.1 1.1 0 0 0-.31 0c-.05 0-.08 0-.12.05c-.07-.23-.12-.47-.2-.7a7.1 7.1 0 0 0-1.25-2.15a8.7 8.7 0 0 0-1.82-1.53q.123-.118.23-.25a1 1 0 0 0 .18-.26a.8.8 0 0 0 0-.25a1.3 1.3 0 0 0 0-.28q.23.022.46 0a1.6 1.6 0 0 0 1.13-1.64a1.53 1.53 0 0 0-1-1.51a.37.37 0 1 0-.27.69a.62.62 0 0 1 .27.58c0 .29-.08.64-.34.66a.9.9 0 0 1-.7-.19a.86.86 0 0 1-.33-.41a.63.63 0 0 1 .37-.74a.33.33 0 0 0 .2-.41a.33.33 0 0 0-.41-.21a1.43 1.43 0 0 0-1.05 2c.139.358.388.663.71.87a1 1 0 0 0-.15.14a.7.7 0 0 0-.11.22a.7.7 0 0 0-.07.25v.18a9.2 9.2 0 0 0-2.9-.89a7.8 7.8 0 0 0-5.439 1.3a3.4 3.4 0 0 0-.08-.54q-.07-.175-.16-.34a3 3 0 0 0-.21-.29a2 2 0 0 0-.26-.26h.07a1.59 1.59 0 0 0 0-2a1.55 1.55 0 0 0-1.65-.72a.37.37 0 0 0-.28.44a.36.36 0 0 0 .44.28a.66.66 0 0 1 .54.34c.17.24.29.58.08.74a.88.88 0 0 1-.69.23a.9.9 0 0 1-.49-.16a.61.61 0 0 1-.11-.82a.33.33 0 0 0-.172-.515a.32.32 0 0 0-.338.115a1.42 1.42 0 0 0 .23 2.25c.355.26.792.384 1.23.35c.08 0 .15 0 .23-.06a3 3 0 0 0 .11.4q.063.149.14.29q.078.16.2.29c.15.18.31.32.47.48a6 6 0 0 0-1 1.15a10 10 0 0 0-.75 1.54a.322.322 0 0 0 .59.26a6.3 6.3 0 0 1 7.2-3.74a7.8 7.8 0 0 1 4.81 2.72c2.22 2.73 1.76 7.21-1.24 9.119c-3.83 2.42-9.12 1.35-10.65-2.61a7.4 7.4 0 0 1-.16-4a.38.38 0 0 0-.27-.45a.37.37 0 0 0-.45.27c0 .2-.07.37-.11.56a5 5 0 0 0-.55-.21a1.6 1.6 0 0 0-.31 0a1.7 1.7 0 0 0-.31 0h-.07a1.3 1.3 0 0 0-.31-.65a2 2 0 0 0-1.17-.54a1.8 1.8 0 0 0-1.23.36a1.41 1.41 0 0 0-.23 2.24a.32.32 0 0 0 .46.06a.34.34 0 0 0 0-.46a.6.6 0 0 1 .11-.81a.8.8 0 0 1 .54-.12a.81.81 0 0 1 .69.23c.21.15.09.49-.08.73s-.31.37-.54.34a.36.36 0 0 0-.44.28a.37.37 0 0 0 .28.44a1.53 1.53 0 0 0 1.65-.71q.078-.15.13-.31l.19.07q.16.015.32 0q.155.015.31 0q.213-.02.42-.07a6.8 6.8 0 0 0 .33 3a7.5 7.5 0 0 0 2.17 3s-.09.08-.13.13a1.3 1.3 0 0 0-.19.29a3 3 0 0 0-.15.33c0 .13-.07.27-.11.4l-.22-.06a1.87 1.87 0 0 0-1.2.38a1.42 1.42 0 0 0-.23 2.25a.33.33 0 0 0 .46.06a.34.34 0 0 0 .06-.46a.6.6 0 0 1 .1-.82a1 1 0 0 1 .49-.16a.86.86 0 0 1 .69.23c.21.16.09.5-.08.74a.63.63 0 0 1-.54.34a.36.36 0 0 0-.44.28a.37.37 0 0 0 .28.44a1.54 1.54 0 0 0 1.65-.72a1.58 1.58 0 0 0 0-2h-.06l.25-.26q.127-.135.21-.3q.098-.157.16-.33c.61.4 1.288.688 2 .85a7 7 0 0 0 1.57.15a.26.26 0 0 0 .15 0h.77a10 10 0 0 0 3.95-1.08a1 1 0 0 0 0 .18a.7.7 0 0 0 .06.24a.8.8 0 0 0 .11.22c.05.06.11.1.16.15a1.76 1.76 0 0 0-.71.87a1.42 1.42 0 0 0 1 2a.34.34 0 0 0 .42-.21a.33.33 0 0 0-.21-.41a.61.61 0 0 1-.36-.74a.84.84 0 0 1 .32-.41a.9.9 0 0 1 .7-.19c.27 0 .35.37.34.66a.64.64 0 0 1-.26.58a.38.38 0 0 0-.22.48a.37.37 0 0 0 .48.21a1.55 1.55 0 0 0 1-1.51a1.58 1.58 0 0 0-1.14-1.63q-.226-.03-.45 0v-.28a.7.7 0 0 0-.08-.25a.7.7 0 0 0-.13-.22a1.5 1.5 0 0 0-.2-.23a6.68 6.68 0 0 0 2.85-4.78q.075-.703.05-1.41c0-.19-.05-.38-.08-.57q.13.015.26 0q.144.015.29 0l.17-.05a1.35 1.35 0 0 0 1.729 1a.32.32 0 0 0 .266-.243a.3.3 0 0 0 .004-.127a.33.33 0 0 0-.36-.28a.61.61 0 0 1-.66-.5a.83.83 0 0 1 .11-.5a.86.86 0 0 1 .54-.49c.24-.1.48.18.6.44a.64.64 0 0 1 0 .64a.37.37 0 0 0 0 .52a.38.38 0 0 0 .53 0a1.54 1.54 0 0 0 .24-1.84"/><path d="M8.53 9.035c0 .18-.11.36-.14.54q-.195 1.162-.23 2.34l-1.87.07c-.84 0-1 .57 0 .79l1.89.17q.032 1.126.26 2.23q-.435.13-.85.32c-.88.57-.29 1.08.18.9s.64-.17 1-.24q.207.686.56 1.31c.12.53 1 .92 1.24.3a8 8 0 0 1-.77-1.78h.3c.59-.08 1.19-.14 1.78-.17s.9 0 1.35 0q-.066.976-.24 1.94c0 .56.9.22 1-.46q.205-.781.33-1.58q1.132.05 2.25.22c.77.16 1.19-.37.65-.73q-1.35-.38-2.74-.57a.5.5 0 0 0 0-.12q.037-.74 0-1.48a27 27 0 0 0 3.38-.47c1.07-.12.76-.78 0-.86c-1 .11-2 .18-2.93.2h-.48c0-.46-.05-.91-.12-1.36s-.18-1-.28-1.43a15 15 0 0 0 2.27-.35a.37.37 0 0 0 .3-.44a.36.36 0 0 0-.41-.34q-1.096.137-2.2.11h-.14c-.18-.72-.37-1.41-.57-2.08a.32.32 0 0 0-.39-.24a.33.33 0 0 0-.25.39c.11.6.19 1.24.26 1.88h-.57l-1.69-.06h-1v-.3a5.7 5.7 0 0 1 .51-1.22a.37.37 0 0 0-.62-.4a6.4 6.4 0 0 0-.56 1.37c-.07.19-.09.38-.15.58h-.92l-.29-.03c-.9-.12-1.3.47-.57.79l.72.21c.21 0 .5 0 .75.05m4.78 4.78v.68h-1.46q-.974.045-1.93.24l-.31.1q-.165-.919-.22-1.85l.68.05q1.605.083 3.21 0c0 .31.03.55.03.78m-3.88-4.09c0-.19.07-.38.09-.58l1.1.09h2.42c0 .53.1 1 .14 1.58v1.1H9.37q-.04-1.096.06-2.19"/></g></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. NetworkIcon.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.