Home/Libraries/Freehand free icons (Iconify)/network-monitor-hierarchy

Freehand free icons (Iconify)

NetworkMonitorHierarchy

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="M17.099 1.324a1 1 0 0 0-.34-.55c-1.09-.78-3.66-.6-8.881-.4a.34.34 0 0 0 0 .68c.22 0 4.83-.12 7 .13c1.94.22 1.24.8 1.32 1.72a16.6 16.6 0 0 1-.13 4.82c-.15 0-.43.19-.75.25c-1.36.25-6.9.74-8.06.13a20 20 0 0 1-.26-3.89q.203-1.719.19-3.45c-.19-.17-.48-.13-.59.31c0 .15 0-.26-.34 3.06a14.6 14.6 0 0 0 .26 4.46c.39.73 2.38.82 3.22.86c-.2.375-.25.811-.14 1.221l-.75.12a.3.3 0 1 0 0 .6c1.793.367 3.645.347 5.43-.06a.342.342 0 0 0 .082-.664a.3.3 0 0 0-.132-.016h-.62a2.9 2.9 0 0 0-.16-1.25a19.5 19.5 0 0 0 2.75-.41c.76-.2.94-.49 1-.94a17.6 17.6 0 0 0 .24-2.83a34 34 0 0 0-.34-3.901m-6.371 8.15h1.67a1.9 1.9 0 0 0 .33 1.121c-3.43-.28-1.79.55-2-1.12" clip-rule="evenodd"/><path fill="#818cf8" fill-rule="evenodd" d="M15.618 7.075a.06.06 0 0 0 .07 0a.22.22 0 0 0 .14-.25c.07-.18.07-.39-.2-.42a24.5 24.5 0 0 0-7.78 0c-.6.39-.42.61 0 .78c2.59.106 5.184.069 7.77-.11" clip-rule="evenodd"/><path fill="#818cf8" d="M9.627 18.996c.06-.18.07-.39-.2-.43a24.8 24.8 0 0 0-7.79 0c-.74.36-.53.59 0 .78h1.2a19.6 19.6 0 0 0 3.08 0q1.787-.145 3.58-.1a.22.22 0 0 0 .13-.25"/><path fill="#818cf8" d="M10.898 13.465a1.1 1.1 0 0 0-.34-.56c-1.09-.81-3.66-.59-8.881-.39a.34.34 0 1 0 0 .68c.22 0 4.83-.13 7 .12c1.94.22 1.24.8 1.32 1.72a16.6 16.6 0 0 1-.13 4.82c-.15 0-.44.19-.75.251c-1.35.25-6.89.75-8.06.14a19.5 19.5 0 0 1-.32-3.89a28 28 0 0 0 .26-3.46c-.17-.17-.48-.13-.59.32c0 .14 0-.26-.34 3.06a14.5 14.5 0 0 0 .26 4.45c.39.73 2.38.83 3.22.87c-.2.37-.25.804-.14 1.21l-.75.12a.31.31 0 0 0 0 .61c1.794.369 3.646.348 5.43-.06a.35.35 0 0 0 0-.69h-.62a2.9 2.9 0 0 0-.16-1.25a17 17 0 0 0 2.69-.43c.76-.2.94-.49 1-.93c.158-.939.238-1.889.241-2.84a33 33 0 0 0-.34-3.87m-6.37 8.151h1.67a1.85 1.85 0 0 0 .33 1.11c-3.43-.27-1.79.55-2-1.11"/><path fill="#818cf8" fill-rule="evenodd" d="M23.81 14.935c-.08-.65 0-1.67-.53-2c-1-.71-2.781-.5-4.101-.55c-1.57 0-3.22.1-4.77.16a.34.34 0 1 0 0 .68c1.55 0 3.13-.1 4.72 0c.66 0 1.54 0 2.31.11c1.94.22 1.24.8 1.32 1.72c.193 1.605.15 3.23-.13 4.82c-.15 0-.43.19-.75.251c-1.52.28-6.91.74-8.06.14c-.48-1.09-.25-4.88-.16-6.18q.058-.587 0-1.17a.31.31 0 0 0-.43 0c-.24.24-.2.82-.24 1.08a22.4 22.4 0 0 0-.28 4.9c.021.62.119 1.234.29 1.83c.4.73 2.38.83 3.22.87a1.64 1.64 0 0 0-.13 1.21l-.75.12a.31.31 0 0 0 0 .61c1.793.368 3.645.348 5.43-.06a.35.35 0 0 0 0-.69h-.63a2.9 2.9 0 0 0-.14-1.29c4.27-.35 3.72-.84 3.93-2.51c.125-1.35.085-2.71-.12-4.05m-6.561 6.681h1.67a1.84 1.84 0 0 0 .33 1.11c-3.43-.27-1.79.55-2-1.11" clip-rule="evenodd"/><path fill="#818cf8" fill-rule="evenodd" d="M22.188 19.216a.23.23 0 0 0 .16-.26c.07-.18.07-.39-.2-.43a24.4 24.4 0 0 0-7.63-.05c-.74.23-.55.51 0 .81c6.29.23 2.23-.07 7.67-.07" 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. NetworkMonitorHierarchyIcon.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.