Microsoft Teams Icon
Free SVG icon from the Arcticons collection. Download or copy for use in any project.
The Microsoft Teams icon is available as a free SVG and is ready to drop into any web or app project.
img tag
<img src="https://proicons.com/icon/343802.svg" alt="Microsoft Teams icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/343802.svg" alt="Microsoft Teams icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/343802.svg" alt="Microsoft Teams icon" :width="24" :height="24" />
CSS background
.icon-microsoft-teams {
background-image: url('https://proicons.com/icon/343802.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><defs><style>.cls-1,.cls-2{fill:none;stroke:#fff;stroke-linejoin:round;}.cls-2{stroke-linecap:round;}</style></defs><circle class="cls-1" cx="37.07" cy="13.19" r="4.16"/><path class="cls-1" d="M33.46,35.73a4,4,0,0,0,1.28.79,6.42,6.42,0,0,0,8.76-6V21.14a1.75,1.75,0,0,0-1.72-1.76H32.42"/><path class="cls-1" d="M24.37,17.5s1.07-.17,1.42-.25A5.89,5.89,0,0,0,29.71,9.7,6,6,0,0,0,18,11.52a6.16,6.16,0,0,0,.15,1.36L18.43,14"/><path class="cls-1" d="M14,34a16.15,16.15,0,0,0,.55,2.07A10.5,10.5,0,0,0,24,42.5,10.43,10.43,0,0,0,34.12,31.83V21.16a1.74,1.74,0,0,0-1.7-1.78h-8"/><line class="cls-2" x1="10.35" y1="18.5" x2="18.65" y2="18.5"/><line class="cls-2" x1="14.5" y1="29.5" x2="14.5" y2="18.5"/><path class="cls-1" d="M4.5,16V32a2,2,0,0,0,2,2h16a2,2,0,0,0,2-2V16a2,2,0,0,0-2-2H6.5A2,2,0,0,0,4.5,16Z"/></svg>
More from Arcticons
View all
Microsoft Teams in other icon packs
Copied!