whiteboard icon
whiteboard-48-filled from Fluent UI System Icons by Microsoft Corporation · 48 Filled · MIT Free for personal and commercial use.
- Name
- whiteboard-48-filled
- Set
- Fluent UI System Icons
- Style
- 48 Filled
- Viewbox
- 48×48
- License
- MIT
7 other variants in Fluent UI System Icons
The same icon in other sets
Related icons in Fluent UI System Icons
Use the whiteboard icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M42.705 8.18c-1.687-2.531-5.267-2.885-7.417-.735l-8.343 8.343a3.75 3.75 0 0 0-1.055 2.081l-.875 5.691a1.25 1.25 0 0 0 1.516 1.408l5.77-1.331a3.75 3.75 0 0 0 1.87-1.065l8.01-8.392a4.82 4.82 0 0 0 .524-6m-20.161 15a3.75 3.75 0 0 0 4.55 4.224l5.77-1.331a6.25 6.25 0 0 0 3.116-1.775L44 15.896V33.75A6.25 6.25 0 0 1 37.75 40h-27.5A6.25 6.25 0 0 1 4 33.75v-9.604q.11-.048.212-.118c.578-.4 1.287-.944 2.045-1.526c.344-.264.699-.536 1.055-.805c1.175-.888 2.434-1.799 3.667-2.527c1.253-.739 2.377-1.228 3.292-1.368c.858-.13 1.389.055 1.78.512c.228.265.314.496.341.705c.03.225.002.505-.119.868c-.253.763-.797 1.592-1.473 2.62l-.036.053c-.63.961-1.399 2.133-1.718 3.334c-.167.63-.228 1.321-.061 2.033c.168.72.55 1.375 1.131 1.957c.836.836 1.79 1.232 2.748 1.3c.927.067 1.778-.177 2.456-.479a8.2 8.2 0 0 0 1.647-.997a9 9 0 0 0 .646-.554l.013-.012l.005-.005l.001-.001l.001-.001l-.883-.885l.883.885a1.25 1.25 0 0 0-1.765-1.77h-.001l-.015.015l-.08.074a6 6 0 0 1-.333.276a5.7 5.7 0 0 1-1.134.69c-.447.199-.877.298-1.263.27c-.354-.024-.744-.16-1.158-.574c-.296-.295-.416-.548-.465-.759c-.052-.218-.047-.482.043-.82c.196-.738.71-1.565 1.392-2.604l.12-.181c.6-.91 1.312-1.992 1.672-3.078c.2-.606.318-1.278.225-1.982c-.095-.72-.4-1.396-.922-2.005c-1.109-1.294-2.61-1.577-4.056-1.356c-1.39.212-2.843.895-4.185 1.687c-1.36.803-2.71 1.783-3.903 2.684q-.603.457-1.135.866l-.001.001h-.001q-.35.27-.668.512v-6.83A6.25 6.25 0 0 1 10.25 8h20.947l-6.02 6.019a6.25 6.25 0 0 0-1.758 3.469z"/></svg>
React
import type { SVGProps } from "react";
export function FluentWhiteboard48Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M42.705 8.18c-1.687-2.531-5.267-2.885-7.417-.735l-8.343 8.343a3.75 3.75 0 0 0-1.055 2.081l-.875 5.691a1.25 1.25 0 0 0 1.516 1.408l5.77-1.331a3.75 3.75 0 0 0 1.87-1.065l8.01-8.392a4.82 4.82 0 0 0 .524-6m-20.161 15a3.75 3.75 0 0 0 4.55 4.224l5.77-1.331a6.25 6.25 0 0 0 3.116-1.775L44 15.896V33.75A6.25 6.25 0 0 1 37.75 40h-27.5A6.25 6.25 0 0 1 4 33.75v-9.604q.11-.048.212-.118c.578-.4 1.287-.944 2.045-1.526c.344-.264.699-.536 1.055-.805c1.175-.888 2.434-1.799 3.667-2.527c1.253-.739 2.377-1.228 3.292-1.368c.858-.13 1.389.055 1.78.512c.228.265.314.496.341.705c.03.225.002.505-.119.868c-.253.763-.797 1.592-1.473 2.62l-.036.053c-.63.961-1.399 2.133-1.718 3.334c-.167.63-.228 1.321-.061 2.033c.168.72.55 1.375 1.131 1.957c.836.836 1.79 1.232 2.748 1.3c.927.067 1.778-.177 2.456-.479a8.2 8.2 0 0 0 1.647-.997a9 9 0 0 0 .646-.554l.013-.012l.005-.005l.001-.001l.001-.001l-.883-.885l.883.885a1.25 1.25 0 0 0-1.765-1.77h-.001l-.015.015l-.08.074a6 6 0 0 1-.333.276a5.7 5.7 0 0 1-1.134.69c-.447.199-.877.298-1.263.27c-.354-.024-.744-.16-1.158-.574c-.296-.295-.416-.548-.465-.759c-.052-.218-.047-.482.043-.82c.196-.738.71-1.565 1.392-2.604l.12-.181c.6-.91 1.312-1.992 1.672-3.078c.2-.606.318-1.278.225-1.982c-.095-.72-.4-1.396-.922-2.005c-1.109-1.294-2.61-1.577-4.056-1.356c-1.39.212-2.843.895-4.185 1.687c-1.36.803-2.71 1.783-3.903 2.684q-.603.457-1.135.866l-.001.001h-.001q-.35.27-.668.512v-6.83A6.25 6.25 0 0 1 10.25 8h20.947l-6.02 6.019a6.25 6.25 0 0 0-1.758 3.469z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M42.705 8.18c-1.687-2.531-5.267-2.885-7.417-.735l-8.343 8.343a3.75 3.75 0 0 0-1.055 2.081l-.875 5.691a1.25 1.25 0 0 0 1.516 1.408l5.77-1.331a3.75 3.75 0 0 0 1.87-1.065l8.01-8.392a4.82 4.82 0 0 0 .524-6m-20.161 15a3.75 3.75 0 0 0 4.55 4.224l5.77-1.331a6.25 6.25 0 0 0 3.116-1.775L44 15.896V33.75A6.25 6.25 0 0 1 37.75 40h-27.5A6.25 6.25 0 0 1 4 33.75v-9.604q.11-.048.212-.118c.578-.4 1.287-.944 2.045-1.526c.344-.264.699-.536 1.055-.805c1.175-.888 2.434-1.799 3.667-2.527c1.253-.739 2.377-1.228 3.292-1.368c.858-.13 1.389.055 1.78.512c.228.265.314.496.341.705c.03.225.002.505-.119.868c-.253.763-.797 1.592-1.473 2.62l-.036.053c-.63.961-1.399 2.133-1.718 3.334c-.167.63-.228 1.321-.061 2.033c.168.72.55 1.375 1.131 1.957c.836.836 1.79 1.232 2.748 1.3c.927.067 1.778-.177 2.456-.479a8.2 8.2 0 0 0 1.647-.997a9 9 0 0 0 .646-.554l.013-.012l.005-.005l.001-.001l.001-.001l-.883-.885l.883.885a1.25 1.25 0 0 0-1.765-1.77h-.001l-.015.015l-.08.074a6 6 0 0 1-.333.276a5.7 5.7 0 0 1-1.134.69c-.447.199-.877.298-1.263.27c-.354-.024-.744-.16-1.158-.574c-.296-.295-.416-.548-.465-.759c-.052-.218-.047-.482.043-.82c.196-.738.71-1.565 1.392-2.604l.12-.181c.6-.91 1.312-1.992 1.672-3.078c.2-.606.318-1.278.225-1.982c-.095-.72-.4-1.396-.922-2.005c-1.109-1.294-2.61-1.577-4.056-1.356c-1.39.212-2.843.895-4.185 1.687c-1.36.803-2.71 1.783-3.903 2.684q-.603.457-1.135.866l-.001.001h-.001q-.35.27-.668.512v-6.83A6.25 6.25 0 0 1 10.25 8h20.947l-6.02 6.019a6.25 6.25 0 0 0-1.758 3.469z"/></svg> </template>
CSS
.icon-whiteboard-48-filled {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M42.705%208.18c-1.687-2.531-5.267-2.885-7.417-.735l-8.343%208.343a3.75%203.75%200%200%200-1.055%202.081l-.875%205.691a1.25%201.25%200%200%200%201.516%201.408l5.77-1.331a3.75%203.75%200%200%200%201.87-1.065l8.01-8.392a4.82%204.82%200%200%200%20.524-6m-20.161%2015a3.75%203.75%200%200%200%204.55%204.224l5.77-1.331a6.25%206.25%200%200%200%203.116-1.775L44%2015.896V33.75A6.25%206.25%200%200%201%2037.75%2040h-27.5A6.25%206.25%200%200%201%204%2033.75v-9.604q.11-.048.212-.118c.578-.4%201.287-.944%202.045-1.526c.344-.264.699-.536%201.055-.805c1.175-.888%202.434-1.799%203.667-2.527c1.253-.739%202.377-1.228%203.292-1.368c.858-.13%201.389.055%201.78.512c.228.265.314.496.341.705c.03.225.002.505-.119.868c-.253.763-.797%201.592-1.473%202.62l-.036.053c-.63.961-1.399%202.133-1.718%203.334c-.167.63-.228%201.321-.061%202.033c.168.72.55%201.375%201.131%201.957c.836.836%201.79%201.232%202.748%201.3c.927.067%201.778-.177%202.456-.479a8.2%208.2%200%200%200%201.647-.997a9%209%200%200%200%20.646-.554l.013-.012l.005-.005l.001-.001l.001-.001l-.883-.885l.883.885a1.25%201.25%200%200%200-1.765-1.77h-.001l-.015.015l-.08.074a6%206%200%200%201-.333.276a5.7%205.7%200%200%201-1.134.69c-.447.199-.877.298-1.263.27c-.354-.024-.744-.16-1.158-.574c-.296-.295-.416-.548-.465-.759c-.052-.218-.047-.482.043-.82c.196-.738.71-1.565%201.392-2.604l.12-.181c.6-.91%201.312-1.992%201.672-3.078c.2-.606.318-1.278.225-1.982c-.095-.72-.4-1.396-.922-2.005c-1.109-1.294-2.61-1.577-4.056-1.356c-1.39.212-2.843.895-4.185%201.687c-1.36.803-2.71%201.783-3.903%202.684q-.603.457-1.135.866l-.001.001h-.001q-.35.27-.668.512v-6.83A6.25%206.25%200%200%201%2010.25%208h20.947l-6.02%206.019a6.25%206.25%200%200%200-1.758%203.469z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M42.705%208.18c-1.687-2.531-5.267-2.885-7.417-.735l-8.343%208.343a3.75%203.75%200%200%200-1.055%202.081l-.875%205.691a1.25%201.25%200%200%200%201.516%201.408l5.77-1.331a3.75%203.75%200%200%200%201.87-1.065l8.01-8.392a4.82%204.82%200%200%200%20.524-6m-20.161%2015a3.75%203.75%200%200%200%204.55%204.224l5.77-1.331a6.25%206.25%200%200%200%203.116-1.775L44%2015.896V33.75A6.25%206.25%200%200%201%2037.75%2040h-27.5A6.25%206.25%200%200%201%204%2033.75v-9.604q.11-.048.212-.118c.578-.4%201.287-.944%202.045-1.526c.344-.264.699-.536%201.055-.805c1.175-.888%202.434-1.799%203.667-2.527c1.253-.739%202.377-1.228%203.292-1.368c.858-.13%201.389.055%201.78.512c.228.265.314.496.341.705c.03.225.002.505-.119.868c-.253.763-.797%201.592-1.473%202.62l-.036.053c-.63.961-1.399%202.133-1.718%203.334c-.167.63-.228%201.321-.061%202.033c.168.72.55%201.375%201.131%201.957c.836.836%201.79%201.232%202.748%201.3c.927.067%201.778-.177%202.456-.479a8.2%208.2%200%200%200%201.647-.997a9%209%200%200%200%20.646-.554l.013-.012l.005-.005l.001-.001l.001-.001l-.883-.885l.883.885a1.25%201.25%200%200%200-1.765-1.77h-.001l-.015.015l-.08.074a6%206%200%200%201-.333.276a5.7%205.7%200%200%201-1.134.69c-.447.199-.877.298-1.263.27c-.354-.024-.744-.16-1.158-.574c-.296-.295-.416-.548-.465-.759c-.052-.218-.047-.482.043-.82c.196-.738.71-1.565%201.392-2.604l.12-.181c.6-.91%201.312-1.992%201.672-3.078c.2-.606.318-1.278.225-1.982c-.095-.72-.4-1.396-.922-2.005c-1.109-1.294-2.61-1.577-4.056-1.356c-1.39.212-2.843.895-4.185%201.687c-1.36.803-2.71%201.783-3.903%202.684q-.603.457-1.135.866l-.001.001h-.001q-.35.27-.668.512v-6.83A6.25%206.25%200%200%201%2010.25%208h20.947l-6.02%206.019a6.25%206.25%200%200%200-1.758%203.469z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/whiteboard-48-filled.svg?color=%231a73e8&size=48
