Fluent Icons

Person Error icon

The Person Error icon is part of Microsoft's Fluent UI System Icons, available here in regular and filled styles in 3 sizes from 16 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
Xceed Toolkit Plus for WPF logoXceed Toolkit Plus for WPFSponsorUpgrade Your WPF UI with Xceed Toolkit Plus

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_person_error_24_regular.svg

Person Error icon in React

npm install @fluentui/react-icons

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

export function Example() {
  return <PersonError24Regular aria-label="Person Error" />;
}

Person Error icon in SVG

npm install @fluentui/svg-icons

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

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

Person Error icon in Blazor

Microsoft's Fluent UI Blazor icons package:

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

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

Person Error 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="&#xF0952;" FontSize="24" />

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

Person Error 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_person_error_24_regular"></i>

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

Person Error icon in Android

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

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

// Kotlin
R.drawable.ic_fluent_person_error_24_regular

Person Error icon in iOS

# Podfile
pod "FluentIcons", "1.1.341"

import FluentIcons

UIImage(fluent: .personError24Regular)

Person Error 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 Person Error 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 { PersonError24Regular, PersonError24Filled } from "@fluentui/react-icons";

export function Example() {
  return <PersonError24Regular aria-label="Person Error" />;
}

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_person_error_24_regular.svg" width="24" height="24" alt="Person Error">

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="M17.5 12C20.5376 12 23 14.4624 23 17.5C23 20.5376 20.5376 23 17.5 23C14.4624 23 12 20.5376 12 17.5C12 14.4624 14.4624 12 17.5 12ZM12.0225 14C11.7259 14.4632 11.4868 14.9666 11.3145 15.5H4.25391C3.83975 15.5 3.504 15.8359 3.50391 16.25V17.1572C3.50391 17.8128 3.79003 18.4358 4.28711 18.8633C5.54513 19.9449 7.44099 20.5009 10 20.501C10.5988 20.501 11.1618 20.4707 11.6885 20.4102C11.9374 20.9103 12.2509 21.3745 12.6172 21.791C11.8151 21.9318 10.9418 22.001 10 22.001C7.1108 22.0009 4.87236 21.3445 3.30957 20.001C2.48095 19.2886 2.00391 18.25 2.00391 17.1572V16.25C2.004 15.0074 3.01133 14 4.25391 14H12.0225ZM17.5 19.875C17.1548 19.875 16.875 20.1548 16.875 20.5C16.875 20.8452 17.1548 21.125 17.5 21.125C17.8452 21.125 18.125 20.8452 18.125 20.5C18.125 20.1548 17.8452 19.875 17.5 19.875ZM17.5 14C17.2239 14 17 14.2239 17 14.5V18.5C17 18.7761 17.2239 19 17.5 19C17.7761 19 18 18.7761 18 18.5V14.5C18 14.2239 17.7761 14 17.5 14ZM10 2.00488C12.7614 2.00488 15 4.24346 15 7.00488C15 9.76631 12.7614 12.0049 10 12.0049C7.23874 12.0047 5 9.76619 5 7.00488C5 4.24358 7.23874 2.00508 10 2.00488ZM10 3.50488C8.06717 3.50508 6.5 5.07201 6.5 7.00488C6.5 8.93776 8.06717 10.5047 10 10.5049C11.933 10.5049 13.5 8.93788 13.5 7.00488C13.5 5.07189 11.933 3.50488 10 3.50488Z" fill="currentColor"/></svg>

Details

NamePerson Error
StylesRegular (outlined), Filled
Sizes16 px, 20 px, 24 px
Regular (outlined) fileic_fluent_person_error_24_regular.svg
Filled fileic_fluent_person_error_24_filled.svg
React (Regular)PersonError16Regular, PersonError20Regular, PersonError24Regular
React (Filled)PersonError16Filled, PersonError20Filled, PersonError24Filled
LicenseMIT (© Microsoft Corporation)

Related icons

Accessibility ErrorAgents PersonArrow Forward Down PersonBriefcase PersonCalendar ErrorCalendar PersonCalligraphy Pen ErrorChart PersonChat Multiple PersonChat PersonCheckbox PersonClipboard Error