microsoft teams logo icon
microsoft-teams-logo-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.
- Name
- microsoft-teams-logo-light
- Set
- Phosphor
- Style
- Light
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
Related icons in Phosphor
Use the microsoft teams logo icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M82 110H72a6 6 0 0 1 0-12h32a6 6 0 0 1 0 12H94v42a6 6 0 0 1-12 0Zm148-17.26V152a38.05 38.05 0 0 1-36 38a62 62 0 0 1-116 0H40a14 14 0 0 1-14-14V80a14 14 0 0 1 14-14h59.34a38 38 0 0 1 70-28.19A30 30 0 0 1 208 82h11.28A10.75 10.75 0 0 1 230 92.74m-56.58-43.29A37.3 37.3 0 0 1 174 56a38 38 0 0 1-10.28 26H184a18 18 0 1 0-10.58-32.55M112 66h24a14 14 0 0 1 13.84 12A26 26 0 1 0 112 66M40 178h96a2 2 0 0 0 2-2V80a2 2 0 0 0-2-2H40a2 2 0 0 0-2 2v96a2 2 0 0 0 2 2m146-10V96a2 2 0 0 0-2-2h-34v82a14 14 0 0 1-14 14H91.1a50 50 0 0 0 94.9-22m32-74h-20.16a15 15 0 0 1 .16 2v72a63 63 0 0 1-.72 9.46A26 26 0 0 0 218 152Z"/></svg>
React
import type { SVGProps } from "react";
export function PhMicrosoftTeamsLogoLight(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M82 110H72a6 6 0 0 1 0-12h32a6 6 0 0 1 0 12H94v42a6 6 0 0 1-12 0Zm148-17.26V152a38.05 38.05 0 0 1-36 38a62 62 0 0 1-116 0H40a14 14 0 0 1-14-14V80a14 14 0 0 1 14-14h59.34a38 38 0 0 1 70-28.19A30 30 0 0 1 208 82h11.28A10.75 10.75 0 0 1 230 92.74m-56.58-43.29A37.3 37.3 0 0 1 174 56a38 38 0 0 1-10.28 26H184a18 18 0 1 0-10.58-32.55M112 66h24a14 14 0 0 1 13.84 12A26 26 0 1 0 112 66M40 178h96a2 2 0 0 0 2-2V80a2 2 0 0 0-2-2H40a2 2 0 0 0-2 2v96a2 2 0 0 0 2 2m146-10V96a2 2 0 0 0-2-2h-34v82a14 14 0 0 1-14 14H91.1a50 50 0 0 0 94.9-22m32-74h-20.16a15 15 0 0 1 .16 2v72a63 63 0 0 1-.72 9.46A26 26 0 0 0 218 152Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M82 110H72a6 6 0 0 1 0-12h32a6 6 0 0 1 0 12H94v42a6 6 0 0 1-12 0Zm148-17.26V152a38.05 38.05 0 0 1-36 38a62 62 0 0 1-116 0H40a14 14 0 0 1-14-14V80a14 14 0 0 1 14-14h59.34a38 38 0 0 1 70-28.19A30 30 0 0 1 208 82h11.28A10.75 10.75 0 0 1 230 92.74m-56.58-43.29A37.3 37.3 0 0 1 174 56a38 38 0 0 1-10.28 26H184a18 18 0 1 0-10.58-32.55M112 66h24a14 14 0 0 1 13.84 12A26 26 0 1 0 112 66M40 178h96a2 2 0 0 0 2-2V80a2 2 0 0 0-2-2H40a2 2 0 0 0-2 2v96a2 2 0 0 0 2 2m146-10V96a2 2 0 0 0-2-2h-34v82a14 14 0 0 1-14 14H91.1a50 50 0 0 0 94.9-22m32-74h-20.16a15 15 0 0 1 .16 2v72a63 63 0 0 1-.72 9.46A26 26 0 0 0 218 152Z"/></svg> </template>
CSS
.icon-microsoft-teams-logo-light {
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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M82%20110H72a6%206%200%200%201%200-12h32a6%206%200%200%201%200%2012H94v42a6%206%200%200%201-12%200Zm148-17.26V152a38.05%2038.05%200%200%201-36%2038a62%2062%200%200%201-116%200H40a14%2014%200%200%201-14-14V80a14%2014%200%200%201%2014-14h59.34a38%2038%200%200%201%2070-28.19A30%2030%200%200%201%20208%2082h11.28A10.75%2010.75%200%200%201%20230%2092.74m-56.58-43.29A37.3%2037.3%200%200%201%20174%2056a38%2038%200%200%201-10.28%2026H184a18%2018%200%201%200-10.58-32.55M112%2066h24a14%2014%200%200%201%2013.84%2012A26%2026%200%201%200%20112%2066M40%20178h96a2%202%200%200%200%202-2V80a2%202%200%200%200-2-2H40a2%202%200%200%200-2%202v96a2%202%200%200%200%202%202m146-10V96a2%202%200%200%200-2-2h-34v82a14%2014%200%200%201-14%2014H91.1a50%2050%200%200%200%2094.9-22m32-74h-20.16a15%2015%200%200%201%20.16%202v72a63%2063%200%200%201-.72%209.46A26%2026%200%200%200%20218%20152Z%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M82%20110H72a6%206%200%200%201%200-12h32a6%206%200%200%201%200%2012H94v42a6%206%200%200%201-12%200Zm148-17.26V152a38.05%2038.05%200%200%201-36%2038a62%2062%200%200%201-116%200H40a14%2014%200%200%201-14-14V80a14%2014%200%200%201%2014-14h59.34a38%2038%200%200%201%2070-28.19A30%2030%200%200%201%20208%2082h11.28A10.75%2010.75%200%200%201%20230%2092.74m-56.58-43.29A37.3%2037.3%200%200%201%20174%2056a38%2038%200%200%201-10.28%2026H184a18%2018%200%201%200-10.58-32.55M112%2066h24a14%2014%200%200%201%2013.84%2012A26%2026%200%201%200%20112%2066M40%20178h96a2%202%200%200%200%202-2V80a2%202%200%200%200-2-2H40a2%202%200%200%200-2%202v96a2%202%200%200%200%202%202m146-10V96a2%202%200%200%200-2-2h-34v82a14%2014%200%200%201-14%2014H91.1a50%2050%200%200%200%2094.9-22m32-74h-20.16a15%2015%200%200%201%20.16%202v72a63%2063%200%200%201-.72%209.46A26%2026%200%200%200%20218%20152Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/microsoft-teams-logo-light.svg?color=%231a73e8&size=48
