teaching icon
teaching-32-regular from Fluent UI System Icons by Microsoft Corporation · 32 Regular · MIT Free for personal and commercial use.
- Name
- teaching-32-regular
- Set
- Fluent UI System Icons
- Style
- 32 Regular
- 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="M7.25 2A3.25 3.25 0 0 0 4 5.25V7H3a1 1 0 0 0 0 2h1v4H3a1 1 0 1 0 0 2h1v4H3a1 1 0 1 0 0 2h1v1.75A3.25 3.25 0 0 0 7.25 26h4.72a16 16 0 0 1-.813-2H7.25C6.56 24 6 23.44 6 22.75V21h1a1 1 0 1 0 0-2H6v-4h1a1 1 0 1 0 0-2H6V9h1a1 1 0 0 0 0-2H6V5.25C6 4.56 6.56 4 7.25 4h11.5c.69 0 1.25.56 1.25 1.25v2.405q.524.33.985.741q.47-.461 1.015-.847V5.25A3.25 3.25 0 0 0 18.75 2zm8.526 12.26C13.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.26M14 20c0-2.865 1.954-4 3.333-4a6.4 6.4 0 0 1 2.243.387c.378.144.846.28 1.363.28h.122c.517 0 .985-.136 1.363-.28A6.4 6.4 0 0 1 24.667 16C26.047 16 28 17.135 28 20c0 3.415-2.094 6.331-3.219 7.639c-.19.22-.495.361-.867.361h-.044a1.33 1.33 0 0 1-1.088-.564c-.847-1.202-2.717-1.202-3.564 0c-.25.354-.655.564-1.088.564h-.044c-.372 0-.678-.14-.867-.361C16.094 26.33 14 23.415 14 20m2-10a4 4 0 0 1 4 4a4 4 0 0 1-4-4m.736 7.644a1 1 0 0 1 1.028 1.715a.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.743"/></svg>
React
import type { SVGProps } from "react";
export function FluentTeaching32Regular(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="M7.25 2A3.25 3.25 0 0 0 4 5.25V7H3a1 1 0 0 0 0 2h1v4H3a1 1 0 1 0 0 2h1v4H3a1 1 0 1 0 0 2h1v1.75A3.25 3.25 0 0 0 7.25 26h4.72a16 16 0 0 1-.813-2H7.25C6.56 24 6 23.44 6 22.75V21h1a1 1 0 1 0 0-2H6v-4h1a1 1 0 1 0 0-2H6V9h1a1 1 0 0 0 0-2H6V5.25C6 4.56 6.56 4 7.25 4h11.5c.69 0 1.25.56 1.25 1.25v2.405q.524.33.985.741q.47-.461 1.015-.847V5.25A3.25 3.25 0 0 0 18.75 2zm8.526 12.26C13.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.26M14 20c0-2.865 1.954-4 3.333-4a6.4 6.4 0 0 1 2.243.387c.378.144.846.28 1.363.28h.122c.517 0 .985-.136 1.363-.28A6.4 6.4 0 0 1 24.667 16C26.047 16 28 17.135 28 20c0 3.415-2.094 6.331-3.219 7.639c-.19.22-.495.361-.867.361h-.044a1.33 1.33 0 0 1-1.088-.564c-.847-1.202-2.717-1.202-3.564 0c-.25.354-.655.564-1.088.564h-.044c-.372 0-.678-.14-.867-.361C16.094 26.33 14 23.415 14 20m2-10a4 4 0 0 1 4 4a4 4 0 0 1-4-4m.736 7.644a1 1 0 0 1 1.028 1.715a.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.743"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M7.25 2A3.25 3.25 0 0 0 4 5.25V7H3a1 1 0 0 0 0 2h1v4H3a1 1 0 1 0 0 2h1v4H3a1 1 0 1 0 0 2h1v1.75A3.25 3.25 0 0 0 7.25 26h4.72a16 16 0 0 1-.813-2H7.25C6.56 24 6 23.44 6 22.75V21h1a1 1 0 1 0 0-2H6v-4h1a1 1 0 1 0 0-2H6V9h1a1 1 0 0 0 0-2H6V5.25C6 4.56 6.56 4 7.25 4h11.5c.69 0 1.25.56 1.25 1.25v2.405q.524.33.985.741q.47-.461 1.015-.847V5.25A3.25 3.25 0 0 0 18.75 2zm8.526 12.26C13.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.26M14 20c0-2.865 1.954-4 3.333-4a6.4 6.4 0 0 1 2.243.387c.378.144.846.28 1.363.28h.122c.517 0 .985-.136 1.363-.28A6.4 6.4 0 0 1 24.667 16C26.047 16 28 17.135 28 20c0 3.415-2.094 6.331-3.219 7.639c-.19.22-.495.361-.867.361h-.044a1.33 1.33 0 0 1-1.088-.564c-.847-1.202-2.717-1.202-3.564 0c-.25.354-.655.564-1.088.564h-.044c-.372 0-.678-.14-.867-.361C16.094 26.33 14 23.415 14 20m2-10a4 4 0 0 1 4 4a4 4 0 0 1-4-4m.736 7.644a1 1 0 0 1 1.028 1.715a.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.743"/></svg> </template>
CSS
.icon-teaching-32-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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.25%202A3.25%203.25%200%200%200%204%205.25V7H3a1%201%200%200%200%200%202h1v4H3a1%201%200%201%200%200%202h1v4H3a1%201%200%201%200%200%202h1v1.75A3.25%203.25%200%200%200%207.25%2026h4.72a16%2016%200%200%201-.813-2H7.25C6.56%2024%206%2023.44%206%2022.75V21h1a1%201%200%201%200%200-2H6v-4h1a1%201%200%201%200%200-2H6V9h1a1%201%200%200%200%200-2H6V5.25C6%204.56%206.56%204%207.25%204h11.5c.69%200%201.25.56%201.25%201.25v2.405q.524.33.985.741q.47-.461%201.015-.847V5.25A3.25%203.25%200%200%200%2018.75%202zm8.526%2012.26C13.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.26M14%2020c0-2.865%201.954-4%203.333-4a6.4%206.4%200%200%201%202.243.387c.378.144.846.28%201.363.28h.122c.517%200%20.985-.136%201.363-.28A6.4%206.4%200%200%201%2024.667%2016C26.047%2016%2028%2017.135%2028%2020c0%203.415-2.094%206.331-3.219%207.639c-.19.22-.495.361-.867.361h-.044a1.33%201.33%200%200%201-1.088-.564c-.847-1.202-2.717-1.202-3.564%200c-.25.354-.655.564-1.088.564h-.044c-.372%200-.678-.14-.867-.361C16.094%2026.33%2014%2023.415%2014%2020m2-10a4%204%200%200%201%204%204a4%204%200%200%201-4-4m.736%207.644a1%201%200%200%201%201.028%201.715a.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.743%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%22M7.25%202A3.25%203.25%200%200%200%204%205.25V7H3a1%201%200%200%200%200%202h1v4H3a1%201%200%201%200%200%202h1v4H3a1%201%200%201%200%200%202h1v1.75A3.25%203.25%200%200%200%207.25%2026h4.72a16%2016%200%200%201-.813-2H7.25C6.56%2024%206%2023.44%206%2022.75V21h1a1%201%200%201%200%200-2H6v-4h1a1%201%200%201%200%200-2H6V9h1a1%201%200%200%200%200-2H6V5.25C6%204.56%206.56%204%207.25%204h11.5c.69%200%201.25.56%201.25%201.25v2.405q.524.33.985.741q.47-.461%201.015-.847V5.25A3.25%203.25%200%200%200%2018.75%202zm8.526%2012.26C13.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.26M14%2020c0-2.865%201.954-4%203.333-4a6.4%206.4%200%200%201%202.243.387c.378.144.846.28%201.363.28h.122c.517%200%20.985-.136%201.363-.28A6.4%206.4%200%200%201%2024.667%2016C26.047%2016%2028%2017.135%2028%2020c0%203.415-2.094%206.331-3.219%207.639c-.19.22-.495.361-.867.361h-.044a1.33%201.33%200%200%201-1.088-.564c-.847-1.202-2.717-1.202-3.564%200c-.25.354-.655.564-1.088.564h-.044c-.372%200-.678-.14-.867-.361C16.094%2026.33%2014%2023.415%2014%2020m2-10a4%204%200%200%201%204%204a4%204%200%200%201-4-4m.736%207.644a1%201%200%200%201%201.028%201.715a.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.743%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/teaching-32-regular.svg?color=%231a73e8&size=48
