Mail Shield icon
Used in general mail scenarios. The Mail Shield icon is part of Microsoft's Fluent UI System Icons, available here in regular and filled styles in 2 sizes from 16 to 20 px. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.
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, 16 px
ic_fluent_mail_shield_16_regular.svg
Mail Shield icon in React
npm install @fluentui/react-icons
import { MailShield16Regular } from "@fluentui/react-icons";
export function Example() {
return <MailShield16Regular aria-label="Mail Shield" />;
}Use the Mail Shield 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 { MailShield16Regular, MailShield16Filled } from "@fluentui/react-icons";
export function Example() {
return <MailShield16Regular aria-label="Mail Shield" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_mail_shield_20_regular.svg" width="20" height="20" alt="Mail Shield"> Or paste the SVG markup inline. Setting fill="currentColor" makes the icon follow the text color of its parent:
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M18 2.62a4 4 0 0 1-1-.27 5 5 0 0 1-1.72-1.23.4.4 0 0 0-.56 0 4.5 4.5 0 0 1-3.32 1.55.4.4 0 0 0-.4.41v2.77A5.5 5.5 0 0 0 12.01 9q.4.55.99 1 .78.6 1.87.98.13.04.26 0 3.86-1.35 3.87-5.4V3a.4.4 0 0 0-.4-.33q-.3 0-.6-.05M10 4H4.5A2.5 2.5 0 0 0 2 6.5v8A2.5 2.5 0 0 0 4.5 17h11a2.5 2.5 0 0 0 2.5-2.5v-4.03q-.46.4-1 .74v3.29c0 .83-.67 1.5-1.5 1.5h-11A1.5 1.5 0 0 1 3 14.5V7.96l6.75 3.97.08.04q.23.08.42-.04l2.05-1.2a6 6 0 0 1-.76-.72l-1.54.91L3 6.8v-.3C3 5.67 3.67 5 4.5 5H10z"/></svg>Details
| Name | Mail Shield |
|---|---|
| Styles | Regular (outlined), Filled |
| Sizes | 16 px, 20 px |
| Regular (outlined) file | ic_fluent_mail_shield_20_regular.svg |
| Filled file | ic_fluent_mail_shield_20_filled.svg |
| React (Regular) | MailShield16Regular, MailShield20Regular |
| React (Filled) | MailShield16Filled, MailShield20Filled |
| License | MIT (© Microsoft Corporation) |