Video Person Star icon

Used to represent general video meetings, views & settings in video meetings. The Video Person Star icon is part of Microsoft's Fluent UI System Icons, available here in regular and filled styles in 2 sizes from 20 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

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

Video Person Star icon in React

npm install @fluentui/react-icons

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

export function Example() {
  return <VideoPersonStar24Regular aria-label="Video Person Star" />;
}

Video Person Star icon in SVG

npm install @fluentui/svg-icons

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

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

Video Person Star icon in Blazor

Microsoft's Fluent UI Blazor icons package:

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

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

Video Person Star icon in Flutter

flutter pub add fluentui_system_icons

import 'package:fluentui_system_icons/fluentui_system_icons.dart';

Icon(FluentIcons.video_person_star_24_regular)

Video Person Star 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="&#xF856;" FontSize="24" />

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

Video Person Star 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_video_person_star_24_regular"></i>

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

Video Person Star icon in Android

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

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

// Kotlin
R.drawable.ic_fluent_video_person_star_24_regular

Video Person Star icon in iOS

# Podfile
pod "FluentIcons", "1.1.341"

import FluentIcons

UIImage(fluent: .videoPersonStar24Regular)

Video Person Star 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 Video Person Star 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 { VideoPersonStar24Regular, VideoPersonStar24Filled } from "@fluentui/react-icons";

export function Example() {
  return <VideoPersonStar24Regular aria-label="Video Person Star" />;
}

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_video_person_star_24_regular.svg" width="24" height="24" alt="Video Person Star">

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="M19.7454 4C20.988 4 21.9954 5.00736 21.9954 6.25V12.8051C21.551 12.3795 21.0463 12.0164 20.4954 11.7298V6.25C20.4954 5.83579 20.1596 5.5 19.7454 5.5H4.25C3.83579 5.5 3.5 5.83579 3.5 6.25V17.7546C3.5 18.1688 3.83579 18.5046 4.25 18.5046L6.999 18.504L7 15.75C7 14.8318 7.70711 14.0788 8.60647 14.0058L8.75 14H12.0218C11.7253 14.4632 11.4858 14.9665 11.3135 15.5H8.75C8.63165 15.5 8.53251 15.5822 8.5066 15.6927L8.5 15.75L8.499 18.504H11.0771C11.1582 19.0275 11.3019 19.5303 11.5001 20.0046H4.25C3.00736 20.0046 2 18.9972 2 17.7546V6.25C2 5.00736 3.00736 4 4.25 4H19.7454ZM12 7.00046C13.6569 7.00046 15 8.34361 15 10.0005C15 11.6573 13.6569 13.0005 12 13.0005C10.3431 13.0005 9 11.6573 9 10.0005C9 8.34361 10.3431 7.00046 12 7.00046ZM12 8.50046C11.1716 8.50046 10.5 9.17203 10.5 10.0005C10.5 10.8289 11.1716 11.5005 12 11.5005C12.8284 11.5005 13.5 10.8289 13.5 10.0005C13.5 9.17203 12.8284 8.50046 12 8.50046ZM23 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 12C20.5376 12 23 14.4624 23 17.5ZM18.0554 14.4206C17.8806 13.8598 17.1194 13.8598 16.9446 14.4206L16.3876 16.2077H14.5851C14.0194 16.2077 13.7842 16.9623 14.2418 17.3089L15.7001 18.4134L15.1431 20.2004C14.9683 20.7612 15.584 21.2276 16.0417 20.881L17.5 19.7766L18.9583 20.881C19.416 21.2276 20.0317 20.7612 19.8569 20.2004L19.2999 18.4134L20.7582 17.3089C21.2158 16.9623 20.9806 16.2077 20.4149 16.2077H18.6124L18.0554 14.4206Z" fill="currentColor"/></svg>

Details

NameVideo Person Star
StylesRegular (outlined), Filled
Sizes20 px, 24 px
Regular (outlined) fileic_fluent_video_person_star_24_regular.svg
Filled fileic_fluent_video_person_star_24_filled.svg
React (Regular)VideoPersonStar20Regular, VideoPersonStar24Regular
React (Filled)VideoPersonStar20Filled, VideoPersonStar24Filled
LicenseMIT (© Microsoft Corporation)

Keywords

videomeetingselfiecameraclipmediafront facingeffectscallchat

Related icons