Fluent Icons

Shield Prohibited icon

Used to represent security, safety & protection. The Shield Prohibited icon is part of Microsoft's Fluent UI System Icons, available here in regular and filled styles in 2 sizes from 20 to 24 px. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.

Regular (outlined)

SVG

Filled

SVG

Every size and style

Microsoft draws each size separately so icons stay crisp, rather than scaling one drawing. Pick a style and size to preview it, download it, or copy the code for your platform.

Regular, 24 px

ic_fluent_shield_prohibited_24_regular.svg

Shield Prohibited icon in React

npm install @fluentui/react-icons

import { ShieldProhibited24Regular } from "@fluentui/react-icons";

export function Example() {
  return <ShieldProhibited24Regular aria-label="Shield Prohibited" />;
}

Shield Prohibited icon in SVG

npm install @fluentui/svg-icons

import icon from "@fluentui/svg-icons/icons/shield_prohibited_24_regular.svg";

<!-- or load it from a CDN -->
<img src="https://cdn.jsdelivr.net/npm/@fluentui/svg-icons@1.1.341/icons/shield_prohibited_24_regular.svg" width="24" height="24" alt="Shield Prohibited">

Shield Prohibited icon in Blazor

Microsoft's Fluent UI Blazor icons package:

dotnet add package Microsoft.FluentUI.AspNetCore.Components.Icons

<FluentIcon Value="@(new Icons.Regular.Size24.ShieldProhibited())" />

Shield Prohibited icon in Flutter

flutter pub add fluentui_system_icons

import 'package:fluentui_system_icons/fluentui_system_icons.dart';

Icon(FluentIcons.shield_prohibited_24_regular)

Shield Prohibited icon in WinUI / WPF

Add FluentSystemIcons-Regular.ttf from Microsoft's repository to your app, then use the glyph:

<!-- WinUI 3 (font in Assets/Fonts) -->
<FontIcon FontFamily="ms-appx:///Assets/Fonts/FluentSystemIcons-Regular.ttf#FluentSystemIcons-Regular" Glyph="&#xF6C8;" FontSize="24" />

<!-- WPF (font in Fonts/, Build Action: Resource) -->
<TextBlock FontFamily="pack://application:,,,/Fonts/#FluentSystemIcons-Regular" Text="&#xF6C8;" FontSize="24" />

Shield Prohibited icon in Icon font

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/microsoft/fluentui-system-icons@9cf8af0f95a555918a60b8147a2f33a6a1248442/fonts/FluentSystemIcons-Regular.css">

<i class="icon-ic_fluent_shield_prohibited_24_regular"></i>

/* or use the code point in your own CSS */
.icon::before {
  font-family: "FluentSystemIcons-Regular";
  content: "\f6c8";
  font-size: 24px;
}

Shield Prohibited icon in Android

// build.gradle
implementation("com.microsoft.design:fluent-system-icons:1.1.341@aar")

<!-- layout XML -->
<ImageView android:src="@drawable/ic_fluent_shield_prohibited_24_regular" />

// Kotlin
R.drawable.ic_fluent_shield_prohibited_24_regular

Shield Prohibited icon in iOS

# Podfile
pod "FluentIcons", "1.1.341"

import FluentIcons

UIImage(fluent: .shieldProhibited24Regular)

Shield Prohibited icon in Power Apps

Paste into an Image control's Image property. The Copy button copies the full formula with this icon's SVG.

"data:image/svg+xml;utf8, " & EncodeUrl("<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'>…</svg>")

Use the Shield Prohibited icon in React

Install Microsoft's @fluentui/react-icons package, then import the component. Icons inherit the current text color, and you can size them with CSS. 

npm install @fluentui/react-icons

import { ShieldProhibited24Regular, ShieldProhibited24Filled } from "@fluentui/react-icons";

export function Example() {
  return <ShieldProhibited24Regular aria-label="Shield Prohibited" />;
}

Coding agents can look up this component through the Fluent Icons MCP server.

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_shield_prohibited_24_regular.svg" width="24" height="24" alt="Shield Prohibited">

Or paste the SVG markup inline. Setting fill="currentColor" makes the icon follow the text color of its parent: 

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5C3.33579 5 3 5.33579 3 5.75V11C3 16.0012 5.95756 19.6757 11.7251 21.9478C11.9018 22.0174 12.0982 22.0174 12.2749 21.9478C12.4188 21.8911 12.561 21.8335 12.7014 21.7751C12.0422 21.2996 11.4758 20.7036 11.0343 20.0194C6.6401 17.9615 4.5 14.9746 4.5 11V6.47793C7.07735 6.32585 9.58084 5.38829 12 3.67782C14.4192 5.38829 16.9227 6.32585 19.5 6.47793V10.7322C20.0407 11.014 20.5368 11.3696 20.975 11.7857C20.9917 11.5275 21 11.2656 21 11V5.75C21 5.33579 20.6642 5 20.25 5C17.5866 5 14.992 4.05652 12.45 2.15C12.1833 1.95 11.8167 1.95 11.55 2.15C9.00797 4.05652 6.41341 5 3.75 5ZM16.5 22C19.5376 22 22 19.5376 22 16.5C22 13.4624 19.5376 11 16.5 11C13.4624 11 11 13.4624 11 16.5C11 19.5376 13.4624 22 16.5 22ZM13.1911 18.7482C12.755 18.1075 12.5 17.3335 12.5 16.5C12.5 14.2909 14.2909 12.5 16.5 12.5C17.3335 12.5 18.1075 12.755 18.7482 13.1911L13.1911 18.7482ZM14.2518 19.8089L19.8089 14.2518C20.245 14.8925 20.5 15.6665 20.5 16.5C20.5 18.7091 18.7091 20.5 16.5 20.5C15.6665 20.5 14.8925 20.245 14.2518 19.8089Z" fill="currentColor"/></svg>

Details

NameShield Prohibited
StylesRegular (outlined), Filled
Sizes20 px, 24 px
Regular (outlined) fileic_fluent_shield_prohibited_24_regular.svg
Filled fileic_fluent_shield_prohibited_24_filled.svg
React (Regular)ShieldProhibited20Regular, ShieldProhibited24Regular
React (Filled)ShieldProhibited20Filled, ShieldProhibited24Filled
LicenseMIT (© Microsoft Corporation)

Keywords

securityprotectionsafety

Related icons

Lock ShieldPuzzle Piece ShieldShieldShield AddShield BadgeShield CheckmarkShield DismissShield Dismiss ShieldShield ErrorShield GlobeShield KeyholeShield Lock