Shield Person Add icon
Used to represent security, safety & protection. The Shield Person Add 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_add_20_regular.svg
Shield Person Add icon in React
npm install @fluentui/react-icons
import { ShieldPersonAdd20Regular } from "@fluentui/react-icons";
export function Example() {
return <ShieldPersonAdd20Regular aria-label="Shield Person Add" />;
}Use the Shield Person Add 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 { ShieldPersonAdd20Regular, ShieldPersonAdd20Filled } from "@fluentui/react-icons";
export function Example() {
return <ShieldPersonAdd20Regular aria-label="Shield Person Add" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_shield_person_add_20_regular.svg" width="20" height="20" alt="Shield Person Add"> 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.28 2.08a.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 0l.04-.02a6 6 0 0 1-.74-1.2C5.8 15.15 4 12.75 4 9.5V5.43a16 16 0 0 0 5.6-2.08l.4-.25.4.25A16 16 0 0 0 16 5.43V9.2q.52.15 1 .39V5a.5.5 0 0 0-.43-.5 15 15 0 0 1-6.3-2.42M9 14.42a5.5 5.5 0 0 1 1.73-3.92H8c-.83 0-1.5.67-1.5 1.5 0 1.07.73 2.13 2.5 2.42m3-6.92a2 2 0 1 1-4 0 2 2 0 0 1 4 0m7 7a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0m-4-2a.5.5 0 0 0-1 0V14h-1.5a.5.5 0 0 0 0 1H14v1.5a.5.5 0 0 0 1 0V15h1.5a.5.5 0 0 0 0-1H15z"/></svg>Details
| Name | Shield Person Add |
|---|---|
| Styles | Regular (outlined), Filled |
| Sizes | 20 px |
| Regular (outlined) file | ic_fluent_shield_person_add_20_regular.svg |
| Filled file | ic_fluent_shield_person_add_20_filled.svg |
| React (Regular) | ShieldPersonAdd20Regular |
| React (Filled) | ShieldPersonAdd20Filled |
| License | MIT (© Microsoft Corporation) |