Presenter Off icon
Used to represent presenter in digital and physical meeting & lecture scenarios. The Presenter Off icon is part of Microsoft's Fluent UI System Icons, available here in filled and regular (outlined) 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.
Use the Presenter Off 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 { PresenterOff24Regular, PresenterOff24Filled } from "@fluentui/react-icons";
export function Example() {
return <PresenterOff24Regular aria-label="Presenter Off" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_presenter_off_24_regular.svg" width="24" height="24" alt="Presenter Off"> 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="M3.28034 2.21968C2.98745 1.92678 2.51257 1.92677 2.21968 2.21966C1.92678 2.51255 1.92677 2.98743 2.21966 3.28032L8.07441 9.13519C7.44331 9.39951 6.99995 10.023 6.99995 10.75V12H8.49995V10.75L8.50655 10.6927C8.53246 10.5823 8.6316 10.5 8.74995 10.5H9.43923L11.9363 12.9971H3.74904C3.04018 12.9971 2.72696 13.8897 3.28036 14.3327L7.99995 18.1104V19.7546C7.99995 20.9973 9.00731 22.0046 10.2499 22.0046H13.7453C14.988 22.0046 15.9953 20.9973 15.9953 19.7546V18.1103L16.5807 17.6416L20.7194 21.7805C21.0123 22.0734 21.4872 22.0734 21.7801 21.7805C22.073 21.4876 22.073 21.0127 21.7801 20.7198L3.28034 2.21968ZM15.5135 16.5745L14.7765 17.1646C14.5988 17.3069 14.4953 17.5223 14.4953 17.75V19.7546C14.4953 20.1688 14.1595 20.5046 13.7453 20.5046H10.2499C9.83574 20.5046 9.49995 20.1688 9.49995 19.7546V17.75C9.49995 17.5223 9.39645 17.3068 9.21863 17.1645L5.88622 14.4971H13.4362L15.5135 16.5745ZM11.9999 8.0005C11.656 8.0005 11.3256 7.94263 11.018 7.83609L9.16434 5.98244C9.05781 5.67477 8.99995 5.34439 8.99995 5.0005C8.99995 3.34364 10.3431 2.0005 11.9999 2.0005C13.6568 2.0005 14.9999 3.34364 14.9999 5.0005C14.9999 6.65735 13.6568 8.0005 11.9999 8.0005ZM11.9999 3.5005C11.1715 3.5005 10.4999 4.17207 10.4999 5.0005C10.4999 5.82892 11.1715 6.5005 11.9999 6.5005C12.8284 6.5005 13.4999 5.82892 13.4999 5.0005C13.4999 4.17207 12.8284 3.5005 11.9999 3.5005ZM20.2444 12.9971H16.1789L18.9367 15.755L20.7132 14.3326C21.2665 13.8895 20.9532 12.9971 20.2444 12.9971ZM13.6818 10.5L12.1819 9.00004H15.2447C16.1628 9.00004 16.9158 9.70715 16.9889 10.6065L16.9947 10.75V12H15.4947V10.75C15.4947 10.6317 15.4124 10.5325 15.302 10.5066L15.2447 10.5H13.6818Z" 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/presenter_off_24_regular.svg";Details
| Name | Presenter Off |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_presenter_off_24_regular.svg |
| Filled file | ic_fluent_presenter_off_24_filled.svg |
| React components | PresenterOff24Regular, PresenterOff24Filled |
| License | MIT (© Microsoft Corporation) |