Share Screen Person Overlay Inside icon
Used in views when sharing screen. Collection includes Share Screen Person, Share Screen Person Overlay, Share Screen Person Overlay Inside, Share Screen Person P. The Share Screen Person Overlay Inside icon is part of Microsoft's Fluent UI System Icons, available here in regular and filled styles in 4 sizes from 16 to 28 px. 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, 24 px
ic_fluent_share_screen_person_overlay_inside_24_regular.svg
Share Screen Person Overlay Inside icon in React
npm install @fluentui/react-icons
import { ShareScreenPersonOverlayInside24Regular } from "@fluentui/react-icons";
export function Example() {
return <ShareScreenPersonOverlayInside24Regular aria-label="Share Screen Person Overlay Inside" />;
}Use the Share Screen Person Overlay Inside 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 { ShareScreenPersonOverlayInside24Regular, ShareScreenPersonOverlayInside24Filled } from "@fluentui/react-icons";
export function Example() {
return <ShareScreenPersonOverlayInside24Regular aria-label="Share Screen Person Overlay Inside" />;
}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_share_screen_person_overlay_inside_24_regular.svg" width="24" height="24" alt="Share Screen Person Overlay Inside"> 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="M16 12C17.1046 12 18 11.1046 18 10C18 8.89543 17.1046 8 16 8C14.8954 8 14 8.89543 14 10C14 11.1046 14.8954 12 16 12ZM13 14C13 13.4477 13.4477 13 14 13H18C18.5523 13 19 13.4477 19 14V14.25C19 15.7688 17.7688 17 16.25 17H15.75C14.2312 17 13 15.7688 13 14.25V14ZM6.25 7C5.55964 7 5 7.55964 5 8.25V11.75C5 12.4404 5.55964 13 6.25 13H10.75C11.4404 13 12 12.4404 12 11.75V8.25C12 7.55964 11.4404 7 10.75 7H6.25ZM5.25 4C3.45507 4 2 5.45507 2 7.25V16.75C2 18.5449 3.45507 20 5.25 20H18.75C20.5449 20 22 18.5449 22 16.75V7.25C22 5.45507 20.5449 4 18.75 4H5.25ZM3.5 7.25C3.5 6.2835 4.2835 5.5 5.25 5.5H18.75C19.7165 5.5 20.5 6.2835 20.5 7.25V16.75C20.5 17.7165 19.7165 18.5 18.75 18.5H5.25C4.2835 18.5 3.5 17.7165 3.5 16.75V7.25Z" fill="currentColor"/></svg>Details
| Name | Share Screen Person Overlay Inside |
|---|---|
| Styles | Regular (outlined), Filled |
| Sizes | 16 px, 20 px, 24 px, 28 px |
| Regular (outlined) file | ic_fluent_share_screen_person_overlay_inside_24_regular.svg |
| Filled file | ic_fluent_share_screen_person_overlay_inside_24_filled.svg |
| React (Regular) | ShareScreenPersonOverlayInside16Regular, ShareScreenPersonOverlayInside20Regular, ShareScreenPersonOverlayInside24Regular, ShareScreenPersonOverlayInside28Regular |
| React (Filled) | ShareScreenPersonOverlayInside16Filled, ShareScreenPersonOverlayInside20Filled, ShareScreenPersonOverlayInside24Filled, ShareScreenPersonOverlayInside28Filled |
| License | MIT (© Microsoft Corporation) |