Person Suport icon

The Person Suport icon is part of Microsoft's Fluent UI System Icons, available here in the light style on a 32 px grid. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.

Light

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.

Light, 32 px

ic_fluent_person_suport_32_light.svg

Person Suport icon in React

npm install @fluentui/react-icons

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

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

Person Suport icon in SVG

npm install @fluentui/svg-icons

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

<!-- or load it from a CDN -->
<img src="https://cdn.jsdelivr.net/npm/@fluentui/[email protected]/icons/person_suport_32_light.svg" width="32" height="32" alt="Person Suport">

Person Suport icon in Flutter

flutter pub add fluentui_system_icons

import 'package:fluentui_system_icons/fluentui_system_icons.dart';

Icon(FluentIcons.person_suport_32_light)

Person Suport icon in WinUI / WPF

Add FluentSystemIcons-Light.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-Light.ttf#FluentSystemIcons-Light" Glyph="&#xE092;" FontSize="32" />

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

Person Suport icon in Icon font

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

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

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

Person Suport 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='32' height='32' viewBox='0 0 32 32'>…</svg>")

Use the Person Suport 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 { PersonSuport32Light } from "@fluentui/react-icons";

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

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_person_suport_32_light.svg" width="32" height="32" alt="Person Suport">

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

<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M8 11a8 8 0 1 1 16 0 .5.5 0 0 0 1 0 9 9 0 1 0-10.83 8.81 2 2 0 1 0-.15-1.06A8 8 0 0 1 8 11m8-5a5 5 0 0 0 0 10c-.73 0-1.4.26-1.91.69a6 6 0 1 1 3.82 0A3 3 0 0 0 16 16a5 5 0 0 0 0-10m8.5 13H19a3 3 0 0 0-.17-1h5.67a3.5 3.5 0 0 1 3.5 3.5v.67C28 24.32 25.23 30 16 30S4 24.32 4 22.17v-.67A3.5 3.5 0 0 1 7.5 18h1.36q.52.54 1.14 1H7.5A2.5 2.5 0 0 0 5 21.5v.67C5 23.68 7.23 29 16 29s11-5.32 11-6.83v-.67a2.5 2.5 0 0 0-2.5-2.5"/></svg>

Details

NamePerson Suport
StylesLight
Sizes32 px
Light fileic_fluent_person_suport_32_light.svg
React (Light)PersonSuport32Light
LicenseMIT (© Microsoft Corporation)

Related icons