teaching icon
teaching-16-regular from Fluent UI System Icons by Microsoft Corporation · 16 Regular · MIT Free for personal and commercial use.
- Name
- teaching-16-regular
- Set
- Fluent UI System Icons
- Style
- 16 Regular
- Viewbox
- 16×16
- 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 16 16"><path fill="currentColor" d="M2 2.75C2 1.784 2.784 1 3.75 1h5.5c.966 0 1.75.784 1.75 1.75v.738q-.27.18-.51.396a4 4 0 0 0-.49-.337V2.75A.75.75 0 0 0 9.25 2h-5.5a.75.75 0 0 0-.75.75v.75h.5a.5.5 0 0 1 0 1H3v2h.5a.5.5 0 0 1 0 1H3v2h.5a.5.5 0 0 1 0 1H3v.75c0 .414.336.75.75.75h1.568c.111.354.244.689.389 1H3.75A1.75 1.75 0 0 1 2 11.25v-.75h-.5a.5.5 0 0 1 0-1H2v-2h-.5a.5.5 0 0 1 0-1H2v-2h-.5a.5.5 0 0 1 0-1H2zm10.724 2.197a.5.5 0 1 0-.448-.894l-.341.17a3.5 3.5 0 0 0-1.375 1.232A3.03 3.03 0 0 0 7.974 4H7.5a.5.5 0 0 0-.5.5v.474c0 .826.331 1.575.868 2.12C6.868 7.399 6 8.417 6 10c0 2.021 1.213 3.739 1.793 4.45c.303.373.751.55 1.193.55c.533 0 1.033-.256 1.345-.688a.2.2 0 0 1 .338 0c.312.432.812.688 1.345.688c.442 0 .89-.178 1.193-.55C13.787 13.74 15 12.022 15 10c0-1.913-1.264-3-2.5-3c-.472 0-.884.11-1.197.23q-.157.061-.303.113a2.5 2.5 0 0 1 1.382-2.225zM10 7a2.026 2.026 0 0 1-2-2a2.026 2.026 0 0 1 2 2m-.466 6.708l-.014.019a.66.66 0 0 1-.534.273a.53.53 0 0 1-.418-.181C8.018 13.144 7 11.659 7 10c0-1.435.888-2 1.5-2c.32 0 .607.074.837.163a6 6 0 0 0 .796.26c.241.057.493.057.734 0a6 6 0 0 0 .796-.26c.23-.089.518-.163.837-.163c.611 0 1.5.565 1.5 2c0 1.658-1.018 3.144-1.568 3.819a.53.53 0 0 1-.418.181a.66.66 0 0 1-.534-.273l-.014-.02a1.2 1.2 0 0 0-1.932 0m-.337-4.431a.5.5 0 0 1-.223.67a.196.196 0 0 0-.103.224l.052.207a.5.5 0 0 1-.97.244l-.052-.208a1.196 1.196 0 0 1 .625-1.361a.5.5 0 0 1 .671.223"/></svg>
React
import type { SVGProps } from "react";
export function FluentTeaching16Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M2 2.75C2 1.784 2.784 1 3.75 1h5.5c.966 0 1.75.784 1.75 1.75v.738q-.27.18-.51.396a4 4 0 0 0-.49-.337V2.75A.75.75 0 0 0 9.25 2h-5.5a.75.75 0 0 0-.75.75v.75h.5a.5.5 0 0 1 0 1H3v2h.5a.5.5 0 0 1 0 1H3v2h.5a.5.5 0 0 1 0 1H3v.75c0 .414.336.75.75.75h1.568c.111.354.244.689.389 1H3.75A1.75 1.75 0 0 1 2 11.25v-.75h-.5a.5.5 0 0 1 0-1H2v-2h-.5a.5.5 0 0 1 0-1H2v-2h-.5a.5.5 0 0 1 0-1H2zm10.724 2.197a.5.5 0 1 0-.448-.894l-.341.17a3.5 3.5 0 0 0-1.375 1.232A3.03 3.03 0 0 0 7.974 4H7.5a.5.5 0 0 0-.5.5v.474c0 .826.331 1.575.868 2.12C6.868 7.399 6 8.417 6 10c0 2.021 1.213 3.739 1.793 4.45c.303.373.751.55 1.193.55c.533 0 1.033-.256 1.345-.688a.2.2 0 0 1 .338 0c.312.432.812.688 1.345.688c.442 0 .89-.178 1.193-.55C13.787 13.74 15 12.022 15 10c0-1.913-1.264-3-2.5-3c-.472 0-.884.11-1.197.23q-.157.061-.303.113a2.5 2.5 0 0 1 1.382-2.225zM10 7a2.026 2.026 0 0 1-2-2a2.026 2.026 0 0 1 2 2m-.466 6.708l-.014.019a.66.66 0 0 1-.534.273a.53.53 0 0 1-.418-.181C8.018 13.144 7 11.659 7 10c0-1.435.888-2 1.5-2c.32 0 .607.074.837.163a6 6 0 0 0 .796.26c.241.057.493.057.734 0a6 6 0 0 0 .796-.26c.23-.089.518-.163.837-.163c.611 0 1.5.565 1.5 2c0 1.658-1.018 3.144-1.568 3.819a.53.53 0 0 1-.418.181a.66.66 0 0 1-.534-.273l-.014-.02a1.2 1.2 0 0 0-1.932 0m-.337-4.431a.5.5 0 0 1-.223.67a.196.196 0 0 0-.103.224l.052.207a.5.5 0 0 1-.97.244l-.052-.208a1.196 1.196 0 0 1 .625-1.361a.5.5 0 0 1 .671.223"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M2 2.75C2 1.784 2.784 1 3.75 1h5.5c.966 0 1.75.784 1.75 1.75v.738q-.27.18-.51.396a4 4 0 0 0-.49-.337V2.75A.75.75 0 0 0 9.25 2h-5.5a.75.75 0 0 0-.75.75v.75h.5a.5.5 0 0 1 0 1H3v2h.5a.5.5 0 0 1 0 1H3v2h.5a.5.5 0 0 1 0 1H3v.75c0 .414.336.75.75.75h1.568c.111.354.244.689.389 1H3.75A1.75 1.75 0 0 1 2 11.25v-.75h-.5a.5.5 0 0 1 0-1H2v-2h-.5a.5.5 0 0 1 0-1H2v-2h-.5a.5.5 0 0 1 0-1H2zm10.724 2.197a.5.5 0 1 0-.448-.894l-.341.17a3.5 3.5 0 0 0-1.375 1.232A3.03 3.03 0 0 0 7.974 4H7.5a.5.5 0 0 0-.5.5v.474c0 .826.331 1.575.868 2.12C6.868 7.399 6 8.417 6 10c0 2.021 1.213 3.739 1.793 4.45c.303.373.751.55 1.193.55c.533 0 1.033-.256 1.345-.688a.2.2 0 0 1 .338 0c.312.432.812.688 1.345.688c.442 0 .89-.178 1.193-.55C13.787 13.74 15 12.022 15 10c0-1.913-1.264-3-2.5-3c-.472 0-.884.11-1.197.23q-.157.061-.303.113a2.5 2.5 0 0 1 1.382-2.225zM10 7a2.026 2.026 0 0 1-2-2a2.026 2.026 0 0 1 2 2m-.466 6.708l-.014.019a.66.66 0 0 1-.534.273a.53.53 0 0 1-.418-.181C8.018 13.144 7 11.659 7 10c0-1.435.888-2 1.5-2c.32 0 .607.074.837.163a6 6 0 0 0 .796.26c.241.057.493.057.734 0a6 6 0 0 0 .796-.26c.23-.089.518-.163.837-.163c.611 0 1.5.565 1.5 2c0 1.658-1.018 3.144-1.568 3.819a.53.53 0 0 1-.418.181a.66.66 0 0 1-.534-.273l-.014-.02a1.2 1.2 0 0 0-1.932 0m-.337-4.431a.5.5 0 0 1-.223.67a.196.196 0 0 0-.103.224l.052.207a.5.5 0 0 1-.97.244l-.052-.208a1.196 1.196 0 0 1 .625-1.361a.5.5 0 0 1 .671.223"/></svg> </template>
CSS
.icon-teaching-16-regular {
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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2%202.75C2%201.784%202.784%201%203.75%201h5.5c.966%200%201.75.784%201.75%201.75v.738q-.27.18-.51.396a4%204%200%200%200-.49-.337V2.75A.75.75%200%200%200%209.25%202h-5.5a.75.75%200%200%200-.75.75v.75h.5a.5.5%200%200%201%200%201H3v2h.5a.5.5%200%200%201%200%201H3v2h.5a.5.5%200%200%201%200%201H3v.75c0%20.414.336.75.75.75h1.568c.111.354.244.689.389%201H3.75A1.75%201.75%200%200%201%202%2011.25v-.75h-.5a.5.5%200%200%201%200-1H2v-2h-.5a.5.5%200%200%201%200-1H2v-2h-.5a.5.5%200%200%201%200-1H2zm10.724%202.197a.5.5%200%201%200-.448-.894l-.341.17a3.5%203.5%200%200%200-1.375%201.232A3.03%203.03%200%200%200%207.974%204H7.5a.5.5%200%200%200-.5.5v.474c0%20.826.331%201.575.868%202.12C6.868%207.399%206%208.417%206%2010c0%202.021%201.213%203.739%201.793%204.45c.303.373.751.55%201.193.55c.533%200%201.033-.256%201.345-.688a.2.2%200%200%201%20.338%200c.312.432.812.688%201.345.688c.442%200%20.89-.178%201.193-.55C13.787%2013.74%2015%2012.022%2015%2010c0-1.913-1.264-3-2.5-3c-.472%200-.884.11-1.197.23q-.157.061-.303.113a2.5%202.5%200%200%201%201.382-2.225zM10%207a2.026%202.026%200%200%201-2-2a2.026%202.026%200%200%201%202%202m-.466%206.708l-.014.019a.66.66%200%200%201-.534.273a.53.53%200%200%201-.418-.181C8.018%2013.144%207%2011.659%207%2010c0-1.435.888-2%201.5-2c.32%200%20.607.074.837.163a6%206%200%200%200%20.796.26c.241.057.493.057.734%200a6%206%200%200%200%20.796-.26c.23-.089.518-.163.837-.163c.611%200%201.5.565%201.5%202c0%201.658-1.018%203.144-1.568%203.819a.53.53%200%200%201-.418.181a.66.66%200%200%201-.534-.273l-.014-.02a1.2%201.2%200%200%200-1.932%200m-.337-4.431a.5.5%200%200%201-.223.67a.196.196%200%200%200-.103.224l.052.207a.5.5%200%200%201-.97.244l-.052-.208a1.196%201.196%200%200%201%20.625-1.361a.5.5%200%200%201%20.671.223%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2%202.75C2%201.784%202.784%201%203.75%201h5.5c.966%200%201.75.784%201.75%201.75v.738q-.27.18-.51.396a4%204%200%200%200-.49-.337V2.75A.75.75%200%200%200%209.25%202h-5.5a.75.75%200%200%200-.75.75v.75h.5a.5.5%200%200%201%200%201H3v2h.5a.5.5%200%200%201%200%201H3v2h.5a.5.5%200%200%201%200%201H3v.75c0%20.414.336.75.75.75h1.568c.111.354.244.689.389%201H3.75A1.75%201.75%200%200%201%202%2011.25v-.75h-.5a.5.5%200%200%201%200-1H2v-2h-.5a.5.5%200%200%201%200-1H2v-2h-.5a.5.5%200%200%201%200-1H2zm10.724%202.197a.5.5%200%201%200-.448-.894l-.341.17a3.5%203.5%200%200%200-1.375%201.232A3.03%203.03%200%200%200%207.974%204H7.5a.5.5%200%200%200-.5.5v.474c0%20.826.331%201.575.868%202.12C6.868%207.399%206%208.417%206%2010c0%202.021%201.213%203.739%201.793%204.45c.303.373.751.55%201.193.55c.533%200%201.033-.256%201.345-.688a.2.2%200%200%201%20.338%200c.312.432.812.688%201.345.688c.442%200%20.89-.178%201.193-.55C13.787%2013.74%2015%2012.022%2015%2010c0-1.913-1.264-3-2.5-3c-.472%200-.884.11-1.197.23q-.157.061-.303.113a2.5%202.5%200%200%201%201.382-2.225zM10%207a2.026%202.026%200%200%201-2-2a2.026%202.026%200%200%201%202%202m-.466%206.708l-.014.019a.66.66%200%200%201-.534.273a.53.53%200%200%201-.418-.181C8.018%2013.144%207%2011.659%207%2010c0-1.435.888-2%201.5-2c.32%200%20.607.074.837.163a6%206%200%200%200%20.796.26c.241.057.493.057.734%200a6%206%200%200%200%20.796-.26c.23-.089.518-.163.837-.163c.611%200%201.5.565%201.5%202c0%201.658-1.018%203.144-1.568%203.819a.53.53%200%200%201-.418.181a.66.66%200%200%201-.534-.273l-.014-.02a1.2%201.2%200%200%200-1.932%200m-.337-4.431a.5.5%200%200%201-.223.67a.196.196%200%200%200-.103.224l.052.207a.5.5%200%200%201-.97.244l-.052-.208a1.196%201.196%200%200%201%20.625-1.361a.5.5%200%200%201%20.671.223%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/teaching-16-regular.svg?color=%231a73e8&size=48
