chalkboard teacher icon
chalkboard-teacher from Line Awesome by Icons8 · Line · Users & People · Apache-2.0 Free for personal and commercial use.
- Name
- chalkboard-teacher
- Set
- Line Awesome
- Style
- Line
- Category
- Users & People
- Viewbox
- 32×32
- License
- Apache 2.0
- Aliases
- chalkboard-teacher-solid
The same icon in other sets
More users & people icons from Line Awesome
Use the chalkboard teacher icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M4 6v2h22v16H12v2h18v-2h-2V6zm4.002 3A4.016 4.016 0 0 0 4 13c0 2.199 1.804 4 4.002 4A4.014 4.014 0 0 0 12 13c0-2.197-1.802-4-3.998-4M14 10v2h5v-2zm7 0v2h3v-2zM8.002 11C9.116 11 10 11.883 10 13c0 1.12-.883 2-1.998 2C6.882 15 6 14.12 6 13c0-1.117.883-2 2.002-2M14 14v2h10v-2zM4 18v8h2v-6h3v6h2v-5.342l2.064 1.092c.585.31 1.288.309 1.872 0v.002l3.53-1.867l-.933-1.77l-3.531 1.867l-3.096-1.634A3 3 0 0 0 9.504 18z"/></svg>
React
import type { SVGProps } from "react";
export function LaChalkboardTeacher(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M4 6v2h22v16H12v2h18v-2h-2V6zm4.002 3A4.016 4.016 0 0 0 4 13c0 2.199 1.804 4 4.002 4A4.014 4.014 0 0 0 12 13c0-2.197-1.802-4-3.998-4M14 10v2h5v-2zm7 0v2h3v-2zM8.002 11C9.116 11 10 11.883 10 13c0 1.12-.883 2-1.998 2C6.882 15 6 14.12 6 13c0-1.117.883-2 2.002-2M14 14v2h10v-2zM4 18v8h2v-6h3v6h2v-5.342l2.064 1.092c.585.31 1.288.309 1.872 0v.002l3.53-1.867l-.933-1.77l-3.531 1.867l-3.096-1.634A3 3 0 0 0 9.504 18z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M4 6v2h22v16H12v2h18v-2h-2V6zm4.002 3A4.016 4.016 0 0 0 4 13c0 2.199 1.804 4 4.002 4A4.014 4.014 0 0 0 12 13c0-2.197-1.802-4-3.998-4M14 10v2h5v-2zm7 0v2h3v-2zM8.002 11C9.116 11 10 11.883 10 13c0 1.12-.883 2-1.998 2C6.882 15 6 14.12 6 13c0-1.117.883-2 2.002-2M14 14v2h10v-2zM4 18v8h2v-6h3v6h2v-5.342l2.064 1.092c.585.31 1.288.309 1.872 0v.002l3.53-1.867l-.933-1.77l-3.531 1.867l-3.096-1.634A3 3 0 0 0 9.504 18z"/></svg> </template>
CSS
.icon-chalkboard-teacher {
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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4%206v2h22v16H12v2h18v-2h-2V6zm4.002%203A4.016%204.016%200%200%200%204%2013c0%202.199%201.804%204%204.002%204A4.014%204.014%200%200%200%2012%2013c0-2.197-1.802-4-3.998-4M14%2010v2h5v-2zm7%200v2h3v-2zM8.002%2011C9.116%2011%2010%2011.883%2010%2013c0%201.12-.883%202-1.998%202C6.882%2015%206%2014.12%206%2013c0-1.117.883-2%202.002-2M14%2014v2h10v-2zM4%2018v8h2v-6h3v6h2v-5.342l2.064%201.092c.585.31%201.288.309%201.872%200v.002l3.53-1.867l-.933-1.77l-3.531%201.867l-3.096-1.634A3%203%200%200%200%209.504%2018z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4%206v2h22v16H12v2h18v-2h-2V6zm4.002%203A4.016%204.016%200%200%200%204%2013c0%202.199%201.804%204%204.002%204A4.014%204.014%200%200%200%2012%2013c0-2.197-1.802-4-3.998-4M14%2010v2h5v-2zm7%200v2h3v-2zM8.002%2011C9.116%2011%2010%2011.883%2010%2013c0%201.12-.883%202-1.998%202C6.882%2015%206%2014.12%206%2013c0-1.117.883-2%202.002-2M14%2014v2h10v-2zM4%2018v8h2v-6h3v6h2v-5.342l2.064%201.092c.585.31%201.288.309%201.872%200v.002l3.53-1.867l-.933-1.77l-3.531%201.867l-3.096-1.634A3%203%200%200%200%209.504%2018z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/chalkboard-teacher.svg?color=%231a73e8&size=48
