Home/Libraries/Ultimate free icons (Iconify)/network-warning-bold

Ultimate free icons (Iconify)

NetworkWarningBold

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" d="M10.25 20.45a.27.27 0 0 0 0-.26a23 23 0 0 1-1.48-2.32a.25.25 0 0 1 0-.25a.24.24 0 0 1 .23-.12h2.1a1 1 0 0 0 1-.8s0-.08 0-.11a1 1 0 0 0-1-1.09h-3a.24.24 0 0 1-.24-.19A14.4 14.4 0 0 1 7.49 12a16 16 0 0 1 .25-2.8A.27.27 0 0 1 8 9h14.28a.93.93 0 0 0 .9-1.33A12 12 0 0 0 11.93 0A12.25 12.25 0 0 0 0 11.8a12 12 0 0 0 9.34 11.9a.27.27 0 0 0 .24-.08a.25.25 0 0 0 .05-.25c-.2-.59-.2-1.37.62-2.92M15.93 3a.24.24 0 0 1 .29-.06a9.83 9.83 0 0 1 4.2 3.68a.25.25 0 0 1-.21.38h-2.28a.26.26 0 0 1-.24-.17a13.1 13.1 0 0 0-1.77-3.52a.24.24 0 0 1 .01-.31M8.48 6.65a10.2 10.2 0 0 1 3.36-4.38a.26.26 0 0 1 .29 0a10.2 10.2 0 0 1 3.36 4.38a.23.23 0 0 1 0 .24a.25.25 0 0 1-.21.11H8.71a.26.26 0 0 1-.21-.11a.3.3 0 0 1-.02-.24m-4.9 0A10 10 0 0 1 7.72 3A.24.24 0 0 1 8 3a.24.24 0 0 1 0 .3a13.2 13.2 0 0 0-1.71 3.53a.26.26 0 0 1-.24.17H3.79a.25.25 0 0 1-.21-.38ZM2.8 15.5a.25.25 0 0 1-.23-.17A9.9 9.9 0 0 1 2 12a9.7 9.7 0 0 1 .4-2.82a.25.25 0 0 1 .24-.18h2.8a.23.23 0 0 1 .19.09a.24.24 0 0 1 .06.2a18.1 18.1 0 0 0 .09 5.91a.23.23 0 0 1 0 .21a.25.25 0 0 1-.19.09ZM8.06 21a.24.24 0 0 1-.3.07a10 10 0 0 1-3.85-3.17a.25.25 0 0 1 0-.26a.25.25 0 0 1 .23-.14h2.09a.24.24 0 0 1 .23.16a13.5 13.5 0 0 0 1.61 3a.23.23 0 0 1-.01.34"/><path fill="#818cf8" d="M18.79 12.27a1.45 1.45 0 0 0-2.56 0l-5.05 9.63a1.42 1.42 0 0 0 0 1.41a1.48 1.48 0 0 0 1.24.69h10.15a1.46 1.46 0 0 0 1.23-.69a1.45 1.45 0 0 0 .05-1.41Zm-1.28 3a.74.74 0 0 1 .75.75v3a.75.75 0 0 1-1.5 0V16a.75.75 0 0 1 .75-.75Zm0 7a1 1 0 1 1 1-1a1 1 0 0 1-1 .98Z"/></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. NetworkWarningBoldIcon.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.