teaching icon
teaching-32-filled from Fluent UI System Icons by Microsoft Corporation · 32 Filled · MIT Free for personal and commercial use.
- Name
- teaching-32-filled
- Set
- Fluent UI System Icons
- Style
- 32 Filled
- Viewbox
- 32×32
- License
- MIT
11 other variants in Fluent UI System Icons
The same icon in other sets
Use the teaching icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M4 5.25A3.25 3.25 0 0 1 7.25 2h11.5A3.25 3.25 0 0 1 22 5.25v2.3q-.545.384-1.015.846A7.5 7.5 0 0 0 20 7.655V5.25C20 4.56 19.44 4 18.75 4H7.25C6.56 4 6 4.56 6 5.25V7h1a1 1 0 0 1 0 2H6v4h1a1 1 0 1 1 0 2H6v4h1a1 1 0 1 1 0 2H6v1.75c0 .69.56 1.25 1.25 1.25h3.907c.232.713.512 1.382.813 2H7.25A3.25 3.25 0 0 1 4 22.75V21H3a1 1 0 1 1 0-2h1v-4H3a1 1 0 1 1 0-2h1V9H3a1 1 0 0 1 0-2h1zm11.776 9.01C13.817 14.918 12 16.817 12 20c0 4.162 2.502 7.547 3.702 8.943c.621.722 1.513 1.057 2.384 1.057h.044a3.33 3.33 0 0 0 2.723-1.412c.009-.012.05-.053.147-.053s.138.04.147.053A3.33 3.33 0 0 0 23.87 30h.044c.871 0 1.763-.335 2.384-1.057C27.498 27.547 30 24.162 30 20c0-4.03-2.91-6-5.333-6c-1.137 0-2.05.212-2.667.416v-.108a4.78 4.78 0 0 1 2.894-4.389a1 1 0 0 0-.788-1.838a6.77 6.77 0 0 0-3.08 2.642A6 6 0 0 0 16 8h-.75C14.56 8 14 8.56 14 9.25V10a5.98 5.98 0 0 0 1.776 4.26M16 10a4 4 0 0 1 4 4a4 4 0 0 1-4-4m2.108 7.987a1 1 0 0 1-.344 1.372a.78.78 0 0 0-.37.767l.097.743a1 1 0 1 1-1.982.262l-.098-.744a2.78 2.78 0 0 1 1.325-2.743a1 1 0 0 1 1.372.343"/></svg>
React
import type { SVGProps } from "react";
export function FluentTeaching32Filled(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 5.25A3.25 3.25 0 0 1 7.25 2h11.5A3.25 3.25 0 0 1 22 5.25v2.3q-.545.384-1.015.846A7.5 7.5 0 0 0 20 7.655V5.25C20 4.56 19.44 4 18.75 4H7.25C6.56 4 6 4.56 6 5.25V7h1a1 1 0 0 1 0 2H6v4h1a1 1 0 1 1 0 2H6v4h1a1 1 0 1 1 0 2H6v1.75c0 .69.56 1.25 1.25 1.25h3.907c.232.713.512 1.382.813 2H7.25A3.25 3.25 0 0 1 4 22.75V21H3a1 1 0 1 1 0-2h1v-4H3a1 1 0 1 1 0-2h1V9H3a1 1 0 0 1 0-2h1zm11.776 9.01C13.817 14.918 12 16.817 12 20c0 4.162 2.502 7.547 3.702 8.943c.621.722 1.513 1.057 2.384 1.057h.044a3.33 3.33 0 0 0 2.723-1.412c.009-.012.05-.053.147-.053s.138.04.147.053A3.33 3.33 0 0 0 23.87 30h.044c.871 0 1.763-.335 2.384-1.057C27.498 27.547 30 24.162 30 20c0-4.03-2.91-6-5.333-6c-1.137 0-2.05.212-2.667.416v-.108a4.78 4.78 0 0 1 2.894-4.389a1 1 0 0 0-.788-1.838a6.77 6.77 0 0 0-3.08 2.642A6 6 0 0 0 16 8h-.75C14.56 8 14 8.56 14 9.25V10a5.98 5.98 0 0 0 1.776 4.26M16 10a4 4 0 0 1 4 4a4 4 0 0 1-4-4m2.108 7.987a1 1 0 0 1-.344 1.372a.78.78 0 0 0-.37.767l.097.743a1 1 0 1 1-1.982.262l-.098-.744a2.78 2.78 0 0 1 1.325-2.743a1 1 0 0 1 1.372.343"/></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 5.25A3.25 3.25 0 0 1 7.25 2h11.5A3.25 3.25 0 0 1 22 5.25v2.3q-.545.384-1.015.846A7.5 7.5 0 0 0 20 7.655V5.25C20 4.56 19.44 4 18.75 4H7.25C6.56 4 6 4.56 6 5.25V7h1a1 1 0 0 1 0 2H6v4h1a1 1 0 1 1 0 2H6v4h1a1 1 0 1 1 0 2H6v1.75c0 .69.56 1.25 1.25 1.25h3.907c.232.713.512 1.382.813 2H7.25A3.25 3.25 0 0 1 4 22.75V21H3a1 1 0 1 1 0-2h1v-4H3a1 1 0 1 1 0-2h1V9H3a1 1 0 0 1 0-2h1zm11.776 9.01C13.817 14.918 12 16.817 12 20c0 4.162 2.502 7.547 3.702 8.943c.621.722 1.513 1.057 2.384 1.057h.044a3.33 3.33 0 0 0 2.723-1.412c.009-.012.05-.053.147-.053s.138.04.147.053A3.33 3.33 0 0 0 23.87 30h.044c.871 0 1.763-.335 2.384-1.057C27.498 27.547 30 24.162 30 20c0-4.03-2.91-6-5.333-6c-1.137 0-2.05.212-2.667.416v-.108a4.78 4.78 0 0 1 2.894-4.389a1 1 0 0 0-.788-1.838a6.77 6.77 0 0 0-3.08 2.642A6 6 0 0 0 16 8h-.75C14.56 8 14 8.56 14 9.25V10a5.98 5.98 0 0 0 1.776 4.26M16 10a4 4 0 0 1 4 4a4 4 0 0 1-4-4m2.108 7.987a1 1 0 0 1-.344 1.372a.78.78 0 0 0-.37.767l.097.743a1 1 0 1 1-1.982.262l-.098-.744a2.78 2.78 0 0 1 1.325-2.743a1 1 0 0 1 1.372.343"/></svg> </template>
CSS
.icon-teaching-32-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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4%205.25A3.25%203.25%200%200%201%207.25%202h11.5A3.25%203.25%200%200%201%2022%205.25v2.3q-.545.384-1.015.846A7.5%207.5%200%200%200%2020%207.655V5.25C20%204.56%2019.44%204%2018.75%204H7.25C6.56%204%206%204.56%206%205.25V7h1a1%201%200%200%201%200%202H6v4h1a1%201%200%201%201%200%202H6v4h1a1%201%200%201%201%200%202H6v1.75c0%20.69.56%201.25%201.25%201.25h3.907c.232.713.512%201.382.813%202H7.25A3.25%203.25%200%200%201%204%2022.75V21H3a1%201%200%201%201%200-2h1v-4H3a1%201%200%201%201%200-2h1V9H3a1%201%200%200%201%200-2h1zm11.776%209.01C13.817%2014.918%2012%2016.817%2012%2020c0%204.162%202.502%207.547%203.702%208.943c.621.722%201.513%201.057%202.384%201.057h.044a3.33%203.33%200%200%200%202.723-1.412c.009-.012.05-.053.147-.053s.138.04.147.053A3.33%203.33%200%200%200%2023.87%2030h.044c.871%200%201.763-.335%202.384-1.057C27.498%2027.547%2030%2024.162%2030%2020c0-4.03-2.91-6-5.333-6c-1.137%200-2.05.212-2.667.416v-.108a4.78%204.78%200%200%201%202.894-4.389a1%201%200%200%200-.788-1.838a6.77%206.77%200%200%200-3.08%202.642A6%206%200%200%200%2016%208h-.75C14.56%208%2014%208.56%2014%209.25V10a5.98%205.98%200%200%200%201.776%204.26M16%2010a4%204%200%200%201%204%204a4%204%200%200%201-4-4m2.108%207.987a1%201%200%200%201-.344%201.372a.78.78%200%200%200-.37.767l.097.743a1%201%200%201%201-1.982.262l-.098-.744a2.78%202.78%200%200%201%201.325-2.743a1%201%200%200%201%201.372.343%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%205.25A3.25%203.25%200%200%201%207.25%202h11.5A3.25%203.25%200%200%201%2022%205.25v2.3q-.545.384-1.015.846A7.5%207.5%200%200%200%2020%207.655V5.25C20%204.56%2019.44%204%2018.75%204H7.25C6.56%204%206%204.56%206%205.25V7h1a1%201%200%200%201%200%202H6v4h1a1%201%200%201%201%200%202H6v4h1a1%201%200%201%201%200%202H6v1.75c0%20.69.56%201.25%201.25%201.25h3.907c.232.713.512%201.382.813%202H7.25A3.25%203.25%200%200%201%204%2022.75V21H3a1%201%200%201%201%200-2h1v-4H3a1%201%200%201%201%200-2h1V9H3a1%201%200%200%201%200-2h1zm11.776%209.01C13.817%2014.918%2012%2016.817%2012%2020c0%204.162%202.502%207.547%203.702%208.943c.621.722%201.513%201.057%202.384%201.057h.044a3.33%203.33%200%200%200%202.723-1.412c.009-.012.05-.053.147-.053s.138.04.147.053A3.33%203.33%200%200%200%2023.87%2030h.044c.871%200%201.763-.335%202.384-1.057C27.498%2027.547%2030%2024.162%2030%2020c0-4.03-2.91-6-5.333-6c-1.137%200-2.05.212-2.667.416v-.108a4.78%204.78%200%200%201%202.894-4.389a1%201%200%200%200-.788-1.838a6.77%206.77%200%200%200-3.08%202.642A6%206%200%200%200%2016%208h-.75C14.56%208%2014%208.56%2014%209.25V10a5.98%205.98%200%200%200%201.776%204.26M16%2010a4%204%200%200%201%204%204a4%204%200%200%201-4-4m2.108%207.987a1%201%200%200%201-.344%201.372a.78.78%200%200%200-.37.767l.097.743a1%201%200%201%201-1.982.262l-.098-.744a2.78%202.78%200%200%201%201.325-2.743a1%201%200%200%201%201.372.343%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/teaching-32-filled.svg?color=%231a73e8&size=48
