teamwork icon logo

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

Name
teamwork-icon
Set
SVG Logos
Style
Color
Viewbox
256×256
License
CC0

Use the teamwork icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#fff" d="M128 0c70.776 0 128 57.224 128 128s-57.224 128-128 128c-70.776.215-128-57.224-128-128S57.224 0 128 0"/><path fill="#1d1c39" d="M126.279 112.08c7.1 0 11.187-3.872 11.187-10.54c.215-5.594-4.088-10.327-9.681-10.542h-17.21V79.166c.43-6.669-4.733-12.692-11.617-12.907c-6.669-.43-12.692 4.733-12.908 11.617v83.684c0 19.791 7.96 28.611 25.6 28.611c6.67.216 13.338-1.505 19.147-4.732c2.796-1.721 4.517-4.948 4.302-8.175c0-5.378-3.657-11.187-8.605-11.187c-.645 0-1.506.215-2.151.43l-.86.43c-1.722.861-3.873 1.507-5.809 1.507c-3.227 0-6.884-1.076-6.884-9.896V112.08z"/><path fill="#ff22b1" d="M178.985 146.716c-11.832 0-21.513 9.68-21.513 21.513c0 11.832 9.68 21.512 21.513 21.512c11.832 0 21.512-9.68 21.512-21.512s-9.68-21.513-21.512-21.513"/></svg>

React

import type { SVGProps } from "react";

export function LogosTeamworkIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#fff" d="M128 0c70.776 0 128 57.224 128 128s-57.224 128-128 128c-70.776.215-128-57.224-128-128S57.224 0 128 0"/><path fill="#1d1c39" d="M126.279 112.08c7.1 0 11.187-3.872 11.187-10.54c.215-5.594-4.088-10.327-9.681-10.542h-17.21V79.166c.43-6.669-4.733-12.692-11.617-12.907c-6.669-.43-12.692 4.733-12.908 11.617v83.684c0 19.791 7.96 28.611 25.6 28.611c6.67.216 13.338-1.505 19.147-4.732c2.796-1.721 4.517-4.948 4.302-8.175c0-5.378-3.657-11.187-8.605-11.187c-.645 0-1.506.215-2.151.43l-.86.43c-1.722.861-3.873 1.507-5.809 1.507c-3.227 0-6.884-1.076-6.884-9.896V112.08z"/><path fill="#ff22b1" d="M178.985 146.716c-11.832 0-21.513 9.68-21.513 21.513c0 11.832 9.68 21.512 21.513 21.512c11.832 0 21.512-9.68 21.512-21.512s-9.68-21.513-21.512-21.513"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#fff" d="M128 0c70.776 0 128 57.224 128 128s-57.224 128-128 128c-70.776.215-128-57.224-128-128S57.224 0 128 0"/><path fill="#1d1c39" d="M126.279 112.08c7.1 0 11.187-3.872 11.187-10.54c.215-5.594-4.088-10.327-9.681-10.542h-17.21V79.166c.43-6.669-4.733-12.692-11.617-12.907c-6.669-.43-12.692 4.733-12.908 11.617v83.684c0 19.791 7.96 28.611 25.6 28.611c6.67.216 13.338-1.505 19.147-4.732c2.796-1.721 4.517-4.948 4.302-8.175c0-5.378-3.657-11.187-8.605-11.187c-.645 0-1.506.215-2.151.43l-.86.43c-1.722.861-3.873 1.507-5.809 1.507c-3.227 0-6.884-1.076-6.884-9.896V112.08z"/><path fill="#ff22b1" d="M178.985 146.716c-11.832 0-21.513 9.68-21.513 21.513c0 11.832 9.68 21.512 21.513 21.512c11.832 0 21.512-9.68 21.512-21.512s-9.68-21.513-21.512-21.513"/></svg>
</template>

CSS

.icon-teamwork-icon {
  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%22%23fff%22%20d%3D%22M128%200c70.776%200%20128%2057.224%20128%20128s-57.224%20128-128%20128c-70.776.215-128-57.224-128-128S57.224%200%20128%200%22%2F%3E%3Cpath%20fill%3D%22%231d1c39%22%20d%3D%22M126.279%20112.08c7.1%200%2011.187-3.872%2011.187-10.54c.215-5.594-4.088-10.327-9.681-10.542h-17.21V79.166c.43-6.669-4.733-12.692-11.617-12.907c-6.669-.43-12.692%204.733-12.908%2011.617v83.684c0%2019.791%207.96%2028.611%2025.6%2028.611c6.67.216%2013.338-1.505%2019.147-4.732c2.796-1.721%204.517-4.948%204.302-8.175c0-5.378-3.657-11.187-8.605-11.187c-.645%200-1.506.215-2.151.43l-.86.43c-1.722.861-3.873%201.507-5.809%201.507c-3.227%200-6.884-1.076-6.884-9.896V112.08z%22%2F%3E%3Cpath%20fill%3D%22%23ff22b1%22%20d%3D%22M178.985%20146.716c-11.832%200-21.513%209.68-21.513%2021.513c0%2011.832%209.68%2021.512%2021.513%2021.512c11.832%200%2021.512-9.68%2021.512-21.512s-9.68-21.513-21.512-21.513%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%22%23fff%22%20d%3D%22M128%200c70.776%200%20128%2057.224%20128%20128s-57.224%20128-128%20128c-70.776.215-128-57.224-128-128S57.224%200%20128%200%22%2F%3E%3Cpath%20fill%3D%22%231d1c39%22%20d%3D%22M126.279%20112.08c7.1%200%2011.187-3.872%2011.187-10.54c.215-5.594-4.088-10.327-9.681-10.542h-17.21V79.166c.43-6.669-4.733-12.692-11.617-12.907c-6.669-.43-12.692%204.733-12.908%2011.617v83.684c0%2019.791%207.96%2028.611%2025.6%2028.611c6.67.216%2013.338-1.505%2019.147-4.732c2.796-1.721%204.517-4.948%204.302-8.175c0-5.378-3.657-11.187-8.605-11.187c-.645%200-1.506.215-2.151.43l-.86.43c-1.722.861-3.873%201.507-5.809%201.507c-3.227%200-6.884-1.076-6.884-9.896V112.08z%22%2F%3E%3Cpath%20fill%3D%22%23ff22b1%22%20d%3D%22M178.985%20146.716c-11.832%200-21.513%209.68-21.513%2021.513c0%2011.832%209.68%2021.512%2021.513%2021.512c11.832%200%2021.512-9.68%2021.512-21.512s-9.68-21.513-21.512-21.513%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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