Presence OOF 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 OOF icon is part of Microsoft's Fluent UI System Icons, available here in the regular (outlined) style 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)
Use the Presence OOF 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 { PresenceOof24Regular } from "@fluentui/react-icons";
export function Example() {
return <PresenceOof24Regular aria-label="Presence OOF" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_presence_oof_24_regular.svg" width="24" height="24" alt="Presence OOF"> 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="M12.5624 9.05673C13.1481 8.47094 13.1481 7.5212 12.5623 6.93541C11.9766 6.34963 11.0268 6.34963 10.441 6.93542L6.43689 10.9396C5.85111 11.5254 5.85111 12.4751 6.4369 13.0609L10.441 17.065C11.0268 17.6508 11.9766 17.6508 12.5624 17.065C13.1481 16.4792 13.1481 15.5295 12.5623 14.9437L11.1189 13.5002H16.4998C17.3282 13.5002 17.9998 12.8287 17.9998 12.0002C17.9998 11.1718 17.3282 10.5002 16.4998 10.5002H11.1189L12.5624 9.05673ZM12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0ZM3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12Z" fill="currentColor"/></svg>Use it from the SVG package
Microsoft's @fluentui/svg-icons package contains the raw SVG files, which works well with bundlers that import SVGs:
npm install @fluentui/svg-icons
import icon from "@fluentui/svg-icons/icons/presence_oof_24_regular.svg";Details
| Name | Presence OOF |
|---|---|
| Styles | Regular (outlined) |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_presence_oof_24_regular.svg |
| React components | PresenceOof24Regular |
| License | MIT (© Microsoft Corporation) |