whiteboard icon
whiteboard-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.
- Name
- whiteboard-fill
- Set
- MingCute Icon
- Style
- Fill
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in MingCute Icon
The same icon in other sets
Use the whiteboard icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.313 6.325c-.415.415-.73.953-.891 1.516l-.002.006l-.837 2.979a4 4 0 0 0-.077.46c-.15 2.014 1.757 3.687 3.816 3.101l2.837-.807c.564-.21 1.084-.458 1.518-.892L22 9.365V18a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-2.827l4.89-2.633a.2.2 0 0 1 .135-.03a.24.24 0 0 1 .121.062a.24.24 0 0 1 .073.115c.007.03.01.072-.018.137c-.87 2.032 1.437 3.952 3.276 2.726a1 1 0 0 0-1.109-1.665c-.064.043-.108.046-.137.043a.24.24 0 0 1-.13-.056a.24.24 0 0 1-.079-.117a.2.2 0 0 1 .018-.143c.828-1.934-1.245-3.83-3.098-2.833L2 12.902V6a2 2 0 0 1 2-2h10.637zm5.489-2.662a2.5 2.5 0 0 1 3.536 3.536l-4.075 4.075c-.186.186-.407.296-.65.382l-2.838.808a1.003 1.003 0 0 1-1.267-1.097l.837-2.979c.072-.253.21-.455.382-.649z"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteWhiteboardFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.313 6.325c-.415.415-.73.953-.891 1.516l-.002.006l-.837 2.979a4 4 0 0 0-.077.46c-.15 2.014 1.757 3.687 3.816 3.101l2.837-.807c.564-.21 1.084-.458 1.518-.892L22 9.365V18a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-2.827l4.89-2.633a.2.2 0 0 1 .135-.03a.24.24 0 0 1 .121.062a.24.24 0 0 1 .073.115c.007.03.01.072-.018.137c-.87 2.032 1.437 3.952 3.276 2.726a1 1 0 0 0-1.109-1.665c-.064.043-.108.046-.137.043a.24.24 0 0 1-.13-.056a.24.24 0 0 1-.079-.117a.2.2 0 0 1 .018-.143c.828-1.934-1.245-3.83-3.098-2.833L2 12.902V6a2 2 0 0 1 2-2h10.637zm5.489-2.662a2.5 2.5 0 0 1 3.536 3.536l-4.075 4.075c-.186.186-.407.296-.65.382l-2.838.808a1.003 1.003 0 0 1-1.267-1.097l.837-2.979c.072-.253.21-.455.382-.649z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.313 6.325c-.415.415-.73.953-.891 1.516l-.002.006l-.837 2.979a4 4 0 0 0-.077.46c-.15 2.014 1.757 3.687 3.816 3.101l2.837-.807c.564-.21 1.084-.458 1.518-.892L22 9.365V18a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-2.827l4.89-2.633a.2.2 0 0 1 .135-.03a.24.24 0 0 1 .121.062a.24.24 0 0 1 .073.115c.007.03.01.072-.018.137c-.87 2.032 1.437 3.952 3.276 2.726a1 1 0 0 0-1.109-1.665c-.064.043-.108.046-.137.043a.24.24 0 0 1-.13-.056a.24.24 0 0 1-.079-.117a.2.2 0 0 1 .018-.143c.828-1.934-1.245-3.83-3.098-2.833L2 12.902V6a2 2 0 0 1 2-2h10.637zm5.489-2.662a2.5 2.5 0 0 1 3.536 3.536l-4.075 4.075c-.186.186-.407.296-.65.382l-2.838.808a1.003 1.003 0 0 1-1.267-1.097l.837-2.979c.072-.253.21-.455.382-.649z"/></svg> </template>
CSS
.icon-whiteboard-fill {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.313%206.325c-.415.415-.73.953-.891%201.516l-.002.006l-.837%202.979a4%204%200%200%200-.077.46c-.15%202.014%201.757%203.687%203.816%203.101l2.837-.807c.564-.21%201.084-.458%201.518-.892L22%209.365V18a2%202%200%200%201-2%202H4a2%202%200%200%201-2-2v-2.827l4.89-2.633a.2.2%200%200%201%20.135-.03a.24.24%200%200%201%20.121.062a.24.24%200%200%201%20.073.115c.007.03.01.072-.018.137c-.87%202.032%201.437%203.952%203.276%202.726a1%201%200%200%200-1.109-1.665c-.064.043-.108.046-.137.043a.24.24%200%200%201-.13-.056a.24.24%200%200%201-.079-.117a.2.2%200%200%201%20.018-.143c.828-1.934-1.245-3.83-3.098-2.833L2%2012.902V6a2%202%200%200%201%202-2h10.637zm5.489-2.662a2.5%202.5%200%200%201%203.536%203.536l-4.075%204.075c-.186.186-.407.296-.65.382l-2.838.808a1.003%201.003%200%200%201-1.267-1.097l.837-2.979c.072-.253.21-.455.382-.649z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.313%206.325c-.415.415-.73.953-.891%201.516l-.002.006l-.837%202.979a4%204%200%200%200-.077.46c-.15%202.014%201.757%203.687%203.816%203.101l2.837-.807c.564-.21%201.084-.458%201.518-.892L22%209.365V18a2%202%200%200%201-2%202H4a2%202%200%200%201-2-2v-2.827l4.89-2.633a.2.2%200%200%201%20.135-.03a.24.24%200%200%201%20.121.062a.24.24%200%200%201%20.073.115c.007.03.01.072-.018.137c-.87%202.032%201.437%203.952%203.276%202.726a1%201%200%200%200-1.109-1.665c-.064.043-.108.046-.137.043a.24.24%200%200%201-.13-.056a.24.24%200%200%201-.079-.117a.2.2%200%200%201%20.018-.143c.828-1.934-1.245-3.83-3.098-2.833L2%2012.902V6a2%202%200%200%201%202-2h10.637zm5.489-2.662a2.5%202.5%200%200%201%203.536%203.536l-4.075%204.075c-.186.186-.407.296-.65.382l-2.838.808a1.003%201.003%200%200%201-1.267-1.097l.837-2.979c.072-.253.21-.455.382-.649z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/whiteboard-fill.svg?color=%231a73e8&size=48
