Shield Person icon
Used to represent security, safety & protection. The Shield Person icon is part of Microsoft's Fluent UI System Icons, available here in regular and filled styles on a 20 px grid. 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, 20 px
ic_fluent_shield_person_20_regular.svg
Shield Person icon in React
npm install @fluentui/react-icons
import { ShieldPerson20Regular } from "@fluentui/react-icons";
export function Example() {
return <ShieldPerson20Regular aria-label="Shield Person" />;
}Use the Shield Person 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 { ShieldPerson20Regular, ShieldPerson20Filled } from "@fluentui/react-icons";
export function Example() {
return <ShieldPerson20Regular aria-label="Shield Person" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_shield_person_20_regular.svg" width="20" height="20" alt="Shield Person"> 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="M10 9.5a2 2 0 1 0 0-4 2 2 0 0 0 0 4m0 5c2.5 0 3.5-1.26 3.5-2.5 0-.83-.67-1.5-1.5-1.5H8c-.83 0-1.5.67-1.5 1.5 0 1.25 1 2.5 3.5 2.5m.28-12.42a.5.5 0 0 0-.56 0 15 15 0 0 1-6.3 2.43A.5.5 0 0 0 3 5v4.5q.02 5.86 6.82 8.47a.5.5 0 0 0 .36 0C14.69 16.23 17 13.39 17 9.5V5a.5.5 0 0 0-.43-.5 15 15 0 0 1-6.3-2.42M4 5.43a16 16 0 0 0 5.6-2.08l.4-.25.4.25A16 16 0 0 0 16 5.43V9.5c0 3.4-1.97 5.86-6 7.46-4.03-1.6-6-4.07-6-7.46z"/></svg>Details
| Name | Shield Person |
|---|---|
| Styles | Regular (outlined), Filled |
| Sizes | 20 px |
| Regular (outlined) file | ic_fluent_shield_person_20_regular.svg |
| Filled file | ic_fluent_shield_person_20_filled.svg |
| React (Regular) | ShieldPerson20Regular |
| React (Filled) | ShieldPerson20Filled |
| License | MIT (© Microsoft Corporation) |