Presence Blocked icon

These do not represent the guidelines and quality of the Fluent System iconography. They are included as a way to make it easier for products to pull in without needed a second process. The Presence Blocked icon is part of Microsoft's Fluent UI System Icons, available here in the regular style in 5 sizes from 10 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

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

Presence Blocked icon in React

npm install @fluentui/react-icons

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

export function Example() {
  return <PresenceBlocked24Regular aria-label="Presence Blocked" />;
}

Presence Blocked icon in SVG

npm install @fluentui/svg-icons

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

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

Presence Blocked icon in Blazor

Microsoft's Fluent UI Blazor icons package:

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

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

Presence Blocked icon in Flutter

flutter pub add fluentui_system_icons

import 'package:fluentui_system_icons/fluentui_system_icons.dart';

Icon(FluentIcons.presence_blocked_24_regular)

Presence Blocked 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="&#xE9BB;" FontSize="24" />

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

Presence Blocked 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_presence_blocked_24_regular"></i>

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

Presence Blocked icon in Android

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

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

// Kotlin
R.drawable.ic_fluent_presence_blocked_24_regular

Presence Blocked icon in iOS

# Podfile
pod "FluentIcons", "1.1.341"

import FluentIcons

UIImage(fluent: .presenceBlocked24Regular)

Presence Blocked 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 Presence Blocked 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 { PresenceBlocked24Regular } from "@fluentui/react-icons";

export function Example() {
  return <PresenceBlocked24Regular aria-label="Presence Blocked" />;
}

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_presence_blocked_24_regular.svg" width="24" height="24" alt="Presence Blocked">

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="M24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12ZM21 12C21 10.0562 20.3838 8.25638 19.3361 6.78514L6.78514 19.3361C8.25638 20.3838 10.0562 21 12 21C16.9706 21 21 16.9706 21 12ZM17.2147 4.66383C15.7435 3.61617 13.9437 3 12 3C7.02944 3 3 7.02944 3 12C3 13.9437 3.61617 15.7435 4.66383 17.2147L17.2147 4.66383Z" fill="currentColor"/></svg>

Details

NamePresence Blocked
StylesRegular (outlined)
Sizes10 px, 12 px, 16 px, 20 px, 24 px
Regular (outlined) fileic_fluent_presence_blocked_24_regular.svg
React (Regular)PresenceBlocked10Regular, PresenceBlocked12Regular, PresenceBlocked16Regular, PresenceBlocked20Regular, PresenceBlocked24Regular
LicenseMIT (© Microsoft Corporation)

Keywords

avatarstatusdetailoffunknown

Related icons