Fluent Icons

Briefcase Person icon

Used to represent an org admin, or other IT professionals attached to an organization. The Briefcase Person icon is part of Microsoft's Fluent UI System Icons, available here in regular and filled styles on a 24 px grid. 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_briefcase_person_24_regular.svg

Briefcase Person icon in React

npm install @fluentui/react-icons

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

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

Briefcase Person icon in SVG

npm install @fluentui/svg-icons

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

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

Briefcase Person icon in Blazor

Microsoft's Fluent UI Blazor icons package:

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

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

Briefcase Person icon in Flutter

flutter pub add fluentui_system_icons

import 'package:fluentui_system_icons/fluentui_system_icons.dart';

Icon(FluentIcons.briefcase_person_24_regular)

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

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

Briefcase Person 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_briefcase_person_24_regular"></i>

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

Briefcase Person icon in Android

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

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

// Kotlin
R.drawable.ic_fluent_briefcase_person_24_regular

Briefcase Person icon in iOS

# Podfile
pod "FluentIcons", "1.1.341"

import FluentIcons

UIImage(fluent: .briefcasePerson24Regular)

Briefcase Person 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 Briefcase 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 { BriefcasePerson24Regular, BriefcasePerson24Filled } from "@fluentui/react-icons";

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

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

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="M21.2275 17C22.2065 17.0001 23 17.7935 23 18.7725V18.875C23 20.4315 21.7143 22 18.5 22C15.2857 22 14 20.4374 14 18.875V18.7725C14 17.7935 14.7935 17.0001 15.7725 17H21.2275ZM13.75 2C14.9926 2 16 3.00736 16 4.25V6H18.75C20.5449 6 22 7.45507 22 9.25V13.5C22 12.3107 21.4066 11.2604 20.5 10.6279V9.25C20.5 8.2835 19.7165 7.5 18.75 7.5H5.25C4.2835 7.5 3.5 8.2835 3.5 9.25V10.75C3.5 11.7165 4.2835 12.5 5.25 12.5H10V12C10 11.4477 10.4477 11 11 11H13C13.5523 11 14 11.4477 14 12V12.5H15.1455C15.0512 12.8169 15 13.1525 15 13.5C15 13.6698 15.0128 13.8367 15.0361 14H14C14 14.5523 13.5523 15 13 15H11C10.4477 15 10 14.5523 10 14H5.25C4.60533 14 4.00532 13.811 3.5 13.4873V17.75C3.5 18.7165 4.2835 19.5 5.25 19.5H13.0527C13.1408 20.0252 13.3413 20.5371 13.665 21H5.25C3.45507 21 2 19.5449 2 17.75V9.25C2 7.45507 3.45507 6 5.25 6H8V4.25C8 3.00736 9.00736 2 10.25 2H13.75ZM18.5 11C19.8807 11 21 12.1193 21 13.5C21 14.8807 19.8807 16 18.5 16C17.1193 16 16 14.8807 16 13.5C16 12.1193 17.1193 11 18.5 11ZM10.25 3.5C9.83579 3.5 9.5 3.83579 9.5 4.25V6H14.5V4.25C14.5 3.83579 14.1642 3.5 13.75 3.5H10.25Z" fill="currentColor"/></svg>

Details

NameBriefcase Person
StylesRegular (outlined), Filled
Sizes24 px
Regular (outlined) fileic_fluent_briefcase_person_24_regular.svg
Filled fileic_fluent_briefcase_person_24_filled.svg
React (Regular)BriefcasePerson24Regular
React (Filled)BriefcasePerson24Filled
LicenseMIT (© Microsoft Corporation)

Keywords

organizationbusinesspersonpeople

Related icons

Phone PersonPerson BriefcasePerson PhoneBriefcaseBriefcase MedicalBriefcase OffBriefcase SearchDocument BriefcaseLaptop BriefcasePerson AccountsSlide Text PersonChart Person