Home/Libraries/Fluent UI System Icons (Iconify)/globe-shield-48-regular

Fluent UI System Icons (Iconify)

GlobeShield48Regular

License: MITCommercial Safe

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 48 48"><path fill="#818cf8" d="M24 4c11.046 0 20 8.954 20 20q0 .62-.037 1.231a11 11 0 0 1-2.475-.584q.012-.321.012-.647c0-1.921-.31-3.77-.882-5.5h-7c.196 1.377.32 2.815.364 4.296a15.3 15.3 0 0 1-2.483 1.448L31.5 24a36 36 0 0 0-.41-5.5H16.91a36 36 0 0 0-.41 5.5c0 2.12.175 4.137.49 6H24v2.5h-6.48c.437 1.702.997 3.228 1.645 4.524C20.842 40.378 22.695 41.5 24 41.5c.542 0 1.18-.194 1.86-.662q.677 1.12 1.582 2.11q.3.327.62.64c-1.312.27-2.67.412-4.062.412c-11.046 0-20-8.954-20-20S12.954 4 24 4m-9.542 26A39 39 0 0 1 14 24c0-1.907.133-3.753.383-5.5H7.382A17.5 17.5 0 0 0 6.5 24c0 2.108.373 4.129 1.056 6zm-5.759 2.5a17.55 17.55 0 0 0 9.713 8.089c-1.49-2.012-2.695-4.807-3.466-8.089zM30.604 16c-.453-1.905-1.058-3.602-1.769-5.024C27.158 7.622 25.305 6.5 24 6.5c-1.304 0-3.158 1.122-4.835 4.476c-.711 1.422-1.316 3.12-1.769 5.024zm2.564 0h6.4a17.55 17.55 0 0 0-9.98-8.589c1.565 2.114 2.816 5.09 3.58 8.589M18.412 7.411A17.55 17.55 0 0 0 8.432 16h6.4c.764-3.499 2.015-6.475 3.58-8.589m13.01 19.033q1.289-.489 2.56-1.258a19 19 0 0 0 1.518-1.021a.84.84 0 0 1 1 0q1.132.84 2.278 1.455q1.379.74 2.778 1.153q1.787.528 3.61.527c.46 0 .834.37.834.825V33.9c0 5.501-3.286 9.543-9.695 12.043a.84.84 0 0 1-.61 0c-2.906-1.133-5.17-2.584-6.776-4.343a11.1 11.1 0 0 1-1.86-2.75Q26.002 36.614 26 33.9v-5.775a.83.83 0 0 1 .833-.825q2.324 0 4.588-.857"/></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. GlobeShield48RegularIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** 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.