Whiteboard Off icon
Used to represent brainstorming scenarios. The Whiteboard 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 Whiteboard 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 { WhiteboardOff24Regular, WhiteboardOff24Filled } from "@fluentui/react-icons";
export function Example() {
return <WhiteboardOff24Regular aria-label="Whiteboard Off" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_whiteboard_off_24_regular.svg" width="24" height="24" alt="Whiteboard 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.28032L3.4698 4.53048C2.5846 5.11111 2 6.11229 2 7.25V16.7546C2 18.5495 3.45507 20.0046 5.25 20.0046H18.75C18.8132 20.0046 18.8759 20.0028 18.9382 19.9992L20.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.21968ZM17.4436 18.5046H5.25C4.2835 18.5046 3.5 17.7211 3.5 16.7546V11.262L6.90856 9.12004L7.00673 9.06794C7.34143 8.92083 7.74228 9.03709 7.94267 9.3559C8.08527 9.58278 8.09599 9.86851 7.97078 10.1054L6.76305 12.3908L6.69297 12.5355C6.22026 13.6064 6.65021 14.8761 7.70109 15.4314C8.37751 15.7889 9.18921 15.7781 9.85592 15.4029L11.6208 14.4066L11.7059 14.3503C11.9995 14.1261 12.0896 13.7139 11.9019 13.3838C11.6971 13.0238 11.2392 12.8979 10.8792 13.1027L9.12021 14.0957L9.02228 14.1419C8.82159 14.2193 8.5952 14.2073 8.40194 14.1052C8.03572 13.9117 7.89573 13.4579 8.08926 13.0917L9.29699 10.8063L9.37644 10.6398C9.39705 10.5916 9.4159 10.5429 9.43299 10.4938L17.4436 18.5046ZM6.5686 7.62934C6.41119 7.68423 6.25747 7.75758 6.11033 7.85007L3.5 9.49V7.25C3.5 6.52296 3.94335 5.89948 4.57445 5.63516L6.5686 7.62934ZM12.9556 9.77374L15.1667 11.9849L16.081 11.7104C16.4369 11.6036 16.7608 11.4103 17.0238 11.1478L21.3047 6.87411C22.1488 6.03053 22.1894 4.68738 21.4262 3.79573L21.3057 3.66549L21.1755 3.54486C20.2841 2.78082 18.9405 2.82024 18.0957 3.66367L13.8051 7.94728C13.5519 8.20001 13.3627 8.50946 13.253 8.84996L12.9556 9.77374ZM21.5638 18.3821L20.4295 17.2478C20.4754 17.0914 20.5 16.9259 20.5 16.7546V9.443L22 7.946V16.7546C22 17.3476 21.8412 17.9035 21.5638 18.3821ZM7.18195 4L8.68192 5.5H14.486L15.989 4H7.18195ZM19.1555 4.72519C19.4565 4.42469 19.9441 4.42497 20.2447 4.72582C20.5176 4.99885 20.5422 5.42599 20.3188 5.7269L20.2441 5.81339L15.9641 10.0862C15.8764 10.1737 15.7684 10.2381 15.6498 10.2738L14.2335 10.6989L14.6808 9.3097C14.7174 9.1962 14.7805 9.09305 14.8648 9.00881L19.1555 4.72519Z" 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/whiteboard_off_24_regular.svg";Details
| Name | Whiteboard Off |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_whiteboard_off_24_regular.svg |
| Filled file | ic_fluent_whiteboard_off_24_filled.svg |
| React components | WhiteboardOff24Regular, WhiteboardOff24Filled |
| License | MIT (© Microsoft Corporation) |