Home/Libraries/Flex free icons (Iconify)/network-remix

Flex free icons (Iconify)

NetworkRemix

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 14 14"><path fill="#818cf8" fill-rule="evenodd" d="M7 .252a7.3 7.3 0 0 0-1.398.129c-.991.195-1.837.613-2.488 1.265c-.94.938-1.392 2.277-1.394 3.879v.014c.001 1.601.455 2.941 1.394 3.88c.652.653 1.499 1.07 2.492 1.265l.041.008q.234.044.478.072v1.234H4.871a.875.875 0 0 0 0 1.75H9.13a.875.875 0 1 0 0-1.75H7.875v-1.234a7 7 0 0 0 .513-.079c.996-.194 1.845-.612 2.499-1.266c.939-.939 1.392-2.279 1.393-3.88v-.014c-.001-1.602-.455-2.94-1.393-3.88C10.234.994 9.387.576 8.393.38l-.04-.008A7.3 7.3 0 0 0 7 .252M3.997 2.53c.251-.25.555-.462.913-.627c-.17.933-.286 1.94-.347 2.858q-.778.035-1.559.093c.107-1.026.462-1.792.993-2.324m2.26-.986a23 23 0 0 0-.438 3.175a54 54 0 0 1 2.362 0a23 23 0 0 0-.438-3.175A7 7 0 0 0 7 1.503q-.393 0-.743.04M2.994 6.107q.777-.059 1.552-.095c.054.994.176 2.118.364 3.15a3.1 3.1 0 0 1-.913-.627c-.549-.55-.91-1.349-1.003-2.428m2.801-.138c.063 1.142.22 2.45.462 3.552q.35.04.743.041q.393 0 .743-.04c.242-1.102.399-2.411.462-3.553a53 53 0 0 0-2.41 0m4.208 2.566a3.1 3.1 0 0 1-.913.628c.188-1.033.31-2.156.364-3.15q.775.035 1.552.094c-.093 1.079-.454 1.879-1.003 2.428m.993-3.682q-.78-.059-1.56-.093a26 26 0 0 0-.346-2.858q.537.249.913.627c.531.532.886 1.297.993 2.324m-9.873 7.145a.875.875 0 0 0 0 1.75h1.41a.875.875 0 1 0 0-1.75zm9.469.875c0-.483.391-.875.875-.875h1.41a.875.875 0 1 1 0 1.75h-1.41a.875.875 0 0 1-.875-.875" 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. NetworkRemixIcon.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.