microsoft teams logo

microsoft-teams from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
microsoft-teams
Set
SVG Logos
Style
Color
Viewbox
256×239
License
CC0

The same logo in other sets

microsoft-teamsBootstrap Iconsmicrosoft-teamsBoxicons Brandsmicrosoft-teamsMaterial Design Icons

Related icons in SVG Logos

microsoft-azuremicrosoft-edgemicrosoft-iconmicrosoft-onedrivemicrosoft-power-bimicrosoft-windowsmicrosoft-windows-icon

Use the microsoft teams logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 239"><defs><linearGradient id="SVGCo9xpmZW" x1="17.372%" x2="82.628%" y1="-6.51%" y2="106.51%"><stop offset="0%" stop-color="#5a62c3"/><stop offset="50%" stop-color="#4d55bd"/><stop offset="100%" stop-color="#3940ab"/></linearGradient><path id="SVGhJCUgeMn" d="M136.93 64.476v12.8a32.7 32.7 0 0 1-5.953-.952a38.7 38.7 0 0 1-26.79-22.742h21.848c6.008.022 10.872 4.887 10.895 10.894"/></defs><path fill="#5059c9" d="M178.563 89.302h66.125c6.248 0 11.312 5.065 11.312 11.312v60.231c0 22.96-18.613 41.574-41.573 41.574h-.197c-22.96.003-41.576-18.607-41.579-41.568V95.215a5.91 5.91 0 0 1 5.912-5.913"/><circle cx="223.256" cy="50.605" r="26.791" fill="#5059c9"/><circle cx="139.907" cy="38.698" r="38.698" fill="#7b83eb"/><path fill="#7b83eb" d="M191.506 89.302H82.355c-6.173.153-11.056 5.276-10.913 11.449v68.697c-.862 37.044 28.445 67.785 65.488 68.692c37.043-.907 66.35-31.648 65.489-68.692v-68.697c.143-6.173-4.74-11.296-10.913-11.449"/><path d="M142.884 89.302v96.268a10.96 10.96 0 0 1-6.787 10.062c-1.3.55-2.697.833-4.108.833H76.68c-.774-1.965-1.488-3.93-2.084-5.953a72.5 72.5 0 0 1-3.155-21.076v-68.703c-.143-6.163 4.732-11.278 10.895-11.43z" opacity=".1"/><path d="M136.93 89.302v102.222c0 1.411-.283 2.808-.833 4.108a10.96 10.96 0 0 1-10.062 6.787H79.48c-1.012-1.965-1.965-3.93-2.798-5.954a59 59 0 0 1-2.084-5.953a72.5 72.5 0 0 1-3.155-21.076v-68.703c-.143-6.163 4.732-11.278 10.895-11.43z" opacity=".2"/><path d="M136.93 89.302v90.315c-.045 5.998-4.896 10.85-10.895 10.895H74.597a72.5 72.5 0 0 1-3.155-21.076v-68.703c-.143-6.163 4.732-11.278 10.895-11.43z" opacity=".2"/><path d="M130.977 89.302v90.315c-.046 5.998-4.897 10.85-10.895 10.895H74.597a72.5 72.5 0 0 1-3.155-21.076v-68.703c-.143-6.163 4.732-11.278 10.895-11.43z" opacity=".2"/><path d="M142.884 58.523v18.753c-1.012.06-1.965.12-2.977.12s-1.965-.06-2.977-.12a32.7 32.7 0 0 1-5.953-.952a38.7 38.7 0 0 1-26.791-22.742a33 33 0 0 1-1.905-5.954h29.708c6.007.023 10.872 4.887 10.895 10.895" opacity=".1"/><use href="#SVGhJCUgeMn" opacity=".2"/><use href="#SVGhJCUgeMn" opacity=".2"/><path d="M130.977 64.476v11.848a38.7 38.7 0 0 1-26.791-22.743h15.896c6.008.023 10.872 4.888 10.895 10.895" opacity=".2"/><path fill="url(#SVGCo9xpmZW)" d="M10.913 53.581h109.15c6.028 0 10.914 4.886 10.914 10.913v109.151c0 6.027-4.886 10.913-10.913 10.913H10.913C4.886 184.558 0 179.672 0 173.645V64.495C0 58.466 4.886 53.58 10.913 53.58"/><path fill="#fff" d="M94.208 95.125h-21.82v59.416H58.487V95.125H36.769V83.599h57.439z"/></svg>

React

import type { SVGProps } from "react";

export function LogosMicrosoftTeams(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 239"><defs><linearGradient id="SVGCo9xpmZW" x1="17.372%" x2="82.628%" y1="-6.51%" y2="106.51%"><stop offset="0%" stopColor="#5a62c3"/><stop offset="50%" stopColor="#4d55bd"/><stop offset="100%" stopColor="#3940ab"/></linearGradient><path id="SVGhJCUgeMn" d="M136.93 64.476v12.8a32.7 32.7 0 0 1-5.953-.952a38.7 38.7 0 0 1-26.79-22.742h21.848c6.008.022 10.872 4.887 10.895 10.894"/></defs><path fill="#5059c9" d="M178.563 89.302h66.125c6.248 0 11.312 5.065 11.312 11.312v60.231c0 22.96-18.613 41.574-41.573 41.574h-.197c-22.96.003-41.576-18.607-41.579-41.568V95.215a5.91 5.91 0 0 1 5.912-5.913"/><circle cx="223.256" cy="50.605" r="26.791" fill="#5059c9"/><circle cx="139.907" cy="38.698" r="38.698" fill="#7b83eb"/><path fill="#7b83eb" d="M191.506 89.302H82.355c-6.173.153-11.056 5.276-10.913 11.449v68.697c-.862 37.044 28.445 67.785 65.488 68.692c37.043-.907 66.35-31.648 65.489-68.692v-68.697c.143-6.173-4.74-11.296-10.913-11.449"/><path d="M142.884 89.302v96.268a10.96 10.96 0 0 1-6.787 10.062c-1.3.55-2.697.833-4.108.833H76.68c-.774-1.965-1.488-3.93-2.084-5.953a72.5 72.5 0 0 1-3.155-21.076v-68.703c-.143-6.163 4.732-11.278 10.895-11.43z" opacity=".1"/><path d="M136.93 89.302v102.222c0 1.411-.283 2.808-.833 4.108a10.96 10.96 0 0 1-10.062 6.787H79.48c-1.012-1.965-1.965-3.93-2.798-5.954a59 59 0 0 1-2.084-5.953a72.5 72.5 0 0 1-3.155-21.076v-68.703c-.143-6.163 4.732-11.278 10.895-11.43z" opacity=".2"/><path d="M136.93 89.302v90.315c-.045 5.998-4.896 10.85-10.895 10.895H74.597a72.5 72.5 0 0 1-3.155-21.076v-68.703c-.143-6.163 4.732-11.278 10.895-11.43z" opacity=".2"/><path d="M130.977 89.302v90.315c-.046 5.998-4.897 10.85-10.895 10.895H74.597a72.5 72.5 0 0 1-3.155-21.076v-68.703c-.143-6.163 4.732-11.278 10.895-11.43z" opacity=".2"/><path d="M142.884 58.523v18.753c-1.012.06-1.965.12-2.977.12s-1.965-.06-2.977-.12a32.7 32.7 0 0 1-5.953-.952a38.7 38.7 0 0 1-26.791-22.742a33 33 0 0 1-1.905-5.954h29.708c6.007.023 10.872 4.887 10.895 10.895" opacity=".1"/><use href="#SVGhJCUgeMn" opacity=".2"/><use href="#SVGhJCUgeMn" opacity=".2"/><path d="M130.977 64.476v11.848a38.7 38.7 0 0 1-26.791-22.743h15.896c6.008.023 10.872 4.888 10.895 10.895" opacity=".2"/><path fill="url(#SVGCo9xpmZW)" d="M10.913 53.581h109.15c6.028 0 10.914 4.886 10.914 10.913v109.151c0 6.027-4.886 10.913-10.913 10.913H10.913C4.886 184.558 0 179.672 0 173.645V64.495C0 58.466 4.886 53.58 10.913 53.58"/><path fill="#fff" d="M94.208 95.125h-21.82v59.416H58.487V95.125H36.769V83.599h57.439z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 239"><defs><linearGradient id="SVGCo9xpmZW" x1="17.372%" x2="82.628%" y1="-6.51%" y2="106.51%"><stop offset="0%" stop-color="#5a62c3"/><stop offset="50%" stop-color="#4d55bd"/><stop offset="100%" stop-color="#3940ab"/></linearGradient><path id="SVGhJCUgeMn" d="M136.93 64.476v12.8a32.7 32.7 0 0 1-5.953-.952a38.7 38.7 0 0 1-26.79-22.742h21.848c6.008.022 10.872 4.887 10.895 10.894"/></defs><path fill="#5059c9" d="M178.563 89.302h66.125c6.248 0 11.312 5.065 11.312 11.312v60.231c0 22.96-18.613 41.574-41.573 41.574h-.197c-22.96.003-41.576-18.607-41.579-41.568V95.215a5.91 5.91 0 0 1 5.912-5.913"/><circle cx="223.256" cy="50.605" r="26.791" fill="#5059c9"/><circle cx="139.907" cy="38.698" r="38.698" fill="#7b83eb"/><path fill="#7b83eb" d="M191.506 89.302H82.355c-6.173.153-11.056 5.276-10.913 11.449v68.697c-.862 37.044 28.445 67.785 65.488 68.692c37.043-.907 66.35-31.648 65.489-68.692v-68.697c.143-6.173-4.74-11.296-10.913-11.449"/><path d="M142.884 89.302v96.268a10.96 10.96 0 0 1-6.787 10.062c-1.3.55-2.697.833-4.108.833H76.68c-.774-1.965-1.488-3.93-2.084-5.953a72.5 72.5 0 0 1-3.155-21.076v-68.703c-.143-6.163 4.732-11.278 10.895-11.43z" opacity=".1"/><path d="M136.93 89.302v102.222c0 1.411-.283 2.808-.833 4.108a10.96 10.96 0 0 1-10.062 6.787H79.48c-1.012-1.965-1.965-3.93-2.798-5.954a59 59 0 0 1-2.084-5.953a72.5 72.5 0 0 1-3.155-21.076v-68.703c-.143-6.163 4.732-11.278 10.895-11.43z" opacity=".2"/><path d="M136.93 89.302v90.315c-.045 5.998-4.896 10.85-10.895 10.895H74.597a72.5 72.5 0 0 1-3.155-21.076v-68.703c-.143-6.163 4.732-11.278 10.895-11.43z" opacity=".2"/><path d="M130.977 89.302v90.315c-.046 5.998-4.897 10.85-10.895 10.895H74.597a72.5 72.5 0 0 1-3.155-21.076v-68.703c-.143-6.163 4.732-11.278 10.895-11.43z" opacity=".2"/><path d="M142.884 58.523v18.753c-1.012.06-1.965.12-2.977.12s-1.965-.06-2.977-.12a32.7 32.7 0 0 1-5.953-.952a38.7 38.7 0 0 1-26.791-22.742a33 33 0 0 1-1.905-5.954h29.708c6.007.023 10.872 4.887 10.895 10.895" opacity=".1"/><use href="#SVGhJCUgeMn" opacity=".2"/><use href="#SVGhJCUgeMn" opacity=".2"/><path d="M130.977 64.476v11.848a38.7 38.7 0 0 1-26.791-22.743h15.896c6.008.023 10.872 4.888 10.895 10.895" opacity=".2"/><path fill="url(#SVGCo9xpmZW)" d="M10.913 53.581h109.15c6.028 0 10.914 4.886 10.914 10.913v109.151c0 6.027-4.886 10.913-10.913 10.913H10.913C4.886 184.558 0 179.672 0 173.645V64.495C0 58.466 4.886 53.58 10.913 53.58"/><path fill="#fff" d="M94.208 95.125h-21.82v59.416H58.487V95.125H36.769V83.599h57.439z"/></svg>
</template>

CSS

.icon-microsoft-teams {
  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%20239%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGCo9xpmZW%22%20x1%3D%2217.372%25%22%20x2%3D%2282.628%25%22%20y1%3D%22-6.51%25%22%20y2%3D%22106.51%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%235a62c3%22%2F%3E%3Cstop%20offset%3D%2250%25%22%20stop-color%3D%22%234d55bd%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%233940ab%22%2F%3E%3C%2FlinearGradient%3E%3Cpath%20id%3D%22SVGhJCUgeMn%22%20d%3D%22M136.93%2064.476v12.8a32.7%2032.7%200%200%201-5.953-.952a38.7%2038.7%200%200%201-26.79-22.742h21.848c6.008.022%2010.872%204.887%2010.895%2010.894%22%2F%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%235059c9%22%20d%3D%22M178.563%2089.302h66.125c6.248%200%2011.312%205.065%2011.312%2011.312v60.231c0%2022.96-18.613%2041.574-41.573%2041.574h-.197c-22.96.003-41.576-18.607-41.579-41.568V95.215a5.91%205.91%200%200%201%205.912-5.913%22%2F%3E%3Ccircle%20cx%3D%22223.256%22%20cy%3D%2250.605%22%20r%3D%2226.791%22%20fill%3D%22%235059c9%22%2F%3E%3Ccircle%20cx%3D%22139.907%22%20cy%3D%2238.698%22%20r%3D%2238.698%22%20fill%3D%22%237b83eb%22%2F%3E%3Cpath%20fill%3D%22%237b83eb%22%20d%3D%22M191.506%2089.302H82.355c-6.173.153-11.056%205.276-10.913%2011.449v68.697c-.862%2037.044%2028.445%2067.785%2065.488%2068.692c37.043-.907%2066.35-31.648%2065.489-68.692v-68.697c.143-6.173-4.74-11.296-10.913-11.449%22%2F%3E%3Cpath%20d%3D%22M142.884%2089.302v96.268a10.96%2010.96%200%200%201-6.787%2010.062c-1.3.55-2.697.833-4.108.833H76.68c-.774-1.965-1.488-3.93-2.084-5.953a72.5%2072.5%200%200%201-3.155-21.076v-68.703c-.143-6.163%204.732-11.278%2010.895-11.43z%22%20opacity%3D%22.1%22%2F%3E%3Cpath%20d%3D%22M136.93%2089.302v102.222c0%201.411-.283%202.808-.833%204.108a10.96%2010.96%200%200%201-10.062%206.787H79.48c-1.012-1.965-1.965-3.93-2.798-5.954a59%2059%200%200%201-2.084-5.953a72.5%2072.5%200%200%201-3.155-21.076v-68.703c-.143-6.163%204.732-11.278%2010.895-11.43z%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M136.93%2089.302v90.315c-.045%205.998-4.896%2010.85-10.895%2010.895H74.597a72.5%2072.5%200%200%201-3.155-21.076v-68.703c-.143-6.163%204.732-11.278%2010.895-11.43z%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M130.977%2089.302v90.315c-.046%205.998-4.897%2010.85-10.895%2010.895H74.597a72.5%2072.5%200%200%201-3.155-21.076v-68.703c-.143-6.163%204.732-11.278%2010.895-11.43z%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M142.884%2058.523v18.753c-1.012.06-1.965.12-2.977.12s-1.965-.06-2.977-.12a32.7%2032.7%200%200%201-5.953-.952a38.7%2038.7%200%200%201-26.791-22.742a33%2033%200%200%201-1.905-5.954h29.708c6.007.023%2010.872%204.887%2010.895%2010.895%22%20opacity%3D%22.1%22%2F%3E%3Cuse%20href%3D%22%23SVGhJCUgeMn%22%20opacity%3D%22.2%22%2F%3E%3Cuse%20href%3D%22%23SVGhJCUgeMn%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M130.977%2064.476v11.848a38.7%2038.7%200%200%201-26.791-22.743h15.896c6.008.023%2010.872%204.888%2010.895%2010.895%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGCo9xpmZW)%22%20d%3D%22M10.913%2053.581h109.15c6.028%200%2010.914%204.886%2010.914%2010.913v109.151c0%206.027-4.886%2010.913-10.913%2010.913H10.913C4.886%20184.558%200%20179.672%200%20173.645V64.495C0%2058.466%204.886%2053.58%2010.913%2053.58%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M94.208%2095.125h-21.82v59.416H58.487V95.125H36.769V83.599h57.439z%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%20239%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGCo9xpmZW%22%20x1%3D%2217.372%25%22%20x2%3D%2282.628%25%22%20y1%3D%22-6.51%25%22%20y2%3D%22106.51%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%235a62c3%22%2F%3E%3Cstop%20offset%3D%2250%25%22%20stop-color%3D%22%234d55bd%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%233940ab%22%2F%3E%3C%2FlinearGradient%3E%3Cpath%20id%3D%22SVGhJCUgeMn%22%20d%3D%22M136.93%2064.476v12.8a32.7%2032.7%200%200%201-5.953-.952a38.7%2038.7%200%200%201-26.79-22.742h21.848c6.008.022%2010.872%204.887%2010.895%2010.894%22%2F%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%235059c9%22%20d%3D%22M178.563%2089.302h66.125c6.248%200%2011.312%205.065%2011.312%2011.312v60.231c0%2022.96-18.613%2041.574-41.573%2041.574h-.197c-22.96.003-41.576-18.607-41.579-41.568V95.215a5.91%205.91%200%200%201%205.912-5.913%22%2F%3E%3Ccircle%20cx%3D%22223.256%22%20cy%3D%2250.605%22%20r%3D%2226.791%22%20fill%3D%22%235059c9%22%2F%3E%3Ccircle%20cx%3D%22139.907%22%20cy%3D%2238.698%22%20r%3D%2238.698%22%20fill%3D%22%237b83eb%22%2F%3E%3Cpath%20fill%3D%22%237b83eb%22%20d%3D%22M191.506%2089.302H82.355c-6.173.153-11.056%205.276-10.913%2011.449v68.697c-.862%2037.044%2028.445%2067.785%2065.488%2068.692c37.043-.907%2066.35-31.648%2065.489-68.692v-68.697c.143-6.173-4.74-11.296-10.913-11.449%22%2F%3E%3Cpath%20d%3D%22M142.884%2089.302v96.268a10.96%2010.96%200%200%201-6.787%2010.062c-1.3.55-2.697.833-4.108.833H76.68c-.774-1.965-1.488-3.93-2.084-5.953a72.5%2072.5%200%200%201-3.155-21.076v-68.703c-.143-6.163%204.732-11.278%2010.895-11.43z%22%20opacity%3D%22.1%22%2F%3E%3Cpath%20d%3D%22M136.93%2089.302v102.222c0%201.411-.283%202.808-.833%204.108a10.96%2010.96%200%200%201-10.062%206.787H79.48c-1.012-1.965-1.965-3.93-2.798-5.954a59%2059%200%200%201-2.084-5.953a72.5%2072.5%200%200%201-3.155-21.076v-68.703c-.143-6.163%204.732-11.278%2010.895-11.43z%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M136.93%2089.302v90.315c-.045%205.998-4.896%2010.85-10.895%2010.895H74.597a72.5%2072.5%200%200%201-3.155-21.076v-68.703c-.143-6.163%204.732-11.278%2010.895-11.43z%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M130.977%2089.302v90.315c-.046%205.998-4.897%2010.85-10.895%2010.895H74.597a72.5%2072.5%200%200%201-3.155-21.076v-68.703c-.143-6.163%204.732-11.278%2010.895-11.43z%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M142.884%2058.523v18.753c-1.012.06-1.965.12-2.977.12s-1.965-.06-2.977-.12a32.7%2032.7%200%200%201-5.953-.952a38.7%2038.7%200%200%201-26.791-22.742a33%2033%200%200%201-1.905-5.954h29.708c6.007.023%2010.872%204.887%2010.895%2010.895%22%20opacity%3D%22.1%22%2F%3E%3Cuse%20href%3D%22%23SVGhJCUgeMn%22%20opacity%3D%22.2%22%2F%3E%3Cuse%20href%3D%22%23SVGhJCUgeMn%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M130.977%2064.476v11.848a38.7%2038.7%200%200%201-26.791-22.743h15.896c6.008.023%2010.872%204.888%2010.895%2010.895%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGCo9xpmZW)%22%20d%3D%22M10.913%2053.581h109.15c6.028%200%2010.914%204.886%2010.914%2010.913v109.151c0%206.027-4.886%2010.913-10.913%2010.913H10.913C4.886%20184.558%200%20179.672%200%20173.645V64.495C0%2058.466%204.886%2053.58%2010.913%2053.58%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M94.208%2095.125h-21.82v59.416H58.487V95.125H36.769V83.599h57.439z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/microsoft-teams.svg?color=%231a73e8&size=48