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

Freehand free icons (Iconify)

NetworkConnector

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="M11.535 9.676a20.6 20.6 0 0 0-.201-4.728a.331.331 0 0 0-.663 0a15.4 15.4 0 0 0 0 4.708c.17.632.643.602.864.02m2.56 0a12 12 0 0 0 .19-3.323a8 8 0 0 0-.16-1.777a.36.36 0 0 0-.352-.24c-.3 0-.472 1.927-.472 2.007a13 13 0 0 0 0 3.333c.07.582.613.652.793 0m-9.787 6.615c.743-.26.873-.793 0-1.003h-.482a12.7 12.7 0 0 0-3.534.451a.291.291 0 0 0 0 .583c1.334.173 2.685.163 4.016-.03m14.305-1.818a1.34 1.34 0 0 0-.863-.492a8 8 0 0 0-1.707-.3c-.09 0-.402-.121-.562-.07a3 3 0 0 1 0-.312c-.2-2.008.21-2.52-1.295-2.73h-2.088l-1.396.1a.332.332 0 0 0 0 .662c1.727 0 1.898-.31 3.805.1q.033 1.357.221 2.701c.18.562 1.004.432 1.255.462c.813.09 1.255.321 1.696.381c-.06.171.1.14-.1.874c-.13.431-.301.843-.412 1.295c-.07.433-.205.852-.401 1.245c-5.31.27-4.759-.151-8.031-.13a8.6 8.6 0 0 1-2.008 0s-.16-.091-.23-.101l-.071-.522a5.4 5.4 0 0 1-.15-2.078c0-.312 0-.603.22-.713a7 7 0 0 1 2.058-.351c.231 0 .482.08.753-.06s.14-.352.321-2.48c.402-1.496-.532-1.145-.582-.14a20 20 0 0 0-.18 2.007h-.412a6.9 6.9 0 0 0-2.31.331c-1.003.452-1.154 4.257-.25 4.879c.903.308 1.86.424 2.81.341c1.486 0 3.012.211 4.458.271c1.122.047 2.246.014 3.363-.1c.311-.06.773.11 1.205-.683c.481-.622 1.174-3.975.883-4.387m5.23.804a4.3 4.3 0 0 0-1.094-.171a11.4 11.4 0 0 0-2.69 0h-.231c-.924.381-.834.703 0 1.004c1.495.14 1.254 0 3.814-.221a.331.331 0 0 0 .201-.613m-.572 2.942c-1.094-.1-2.289-.281-3.443-.291c-1.647.07-1.466.793 0 1.084c1.148.102 2.305.058 3.443-.13a.331.331 0 1 0 0-.663m-18.963-.361a9 9 0 0 0-2.67.411c-.081 0-1.005.392-1.125.442a.311.311 0 0 0 .21.562a12 12 0 0 1 1.637-.15a10 10 0 0 0 1.948-.262c.753-.25.843-1.004 0-1.004" 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. NetworkConnectorIcon.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.