cowork icon
cowork-24-filled from Fluent UI System Icons by Microsoft Corporation · 24 Filled · MIT Free for personal and commercial use.
- Name
- cowork-24-filled
- Set
- Fluent UI System Icons
- Style
- 24 Filled
- Viewbox
- 24×24
- License
- MIT
11 other variants in Fluent UI System Icons
Use the cowork icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15.12 2.262c.816-.221 1.656-.208 2.382.211c.735.425 1.167 1.158 1.38 1.987c.159.615.207 1.315.165 2.067c-1.958-.655-4.356-1.028-7.048-1.028c-1.78 0-3.427.162-4.901.46a.751.751 0 0 0 .297 1.47c1.51-.304 3.062-.43 4.603-.43c2.542 0 5.168.322 7.537 1.304c.981.407 1.825.91 2.435 1.508c.612.6 1.03 1.34 1.03 2.19c0 .839-.408 1.572-1.008 2.167c-.597.593-1.424 1.095-2.386 1.501a1.05 1.05 0 0 0-.626 1.086c.128 1.036.108 2.002-.107 2.816c-.216.817-.647 1.537-1.373 1.957c-.735.424-1.587.432-2.412.202c-.61-.17-1.24-.48-1.87-.892c1.546-1.368 3.067-3.26 4.413-5.59c.89-1.542 1.573-3.05 2.053-4.474a.75.75 0 0 0-1.422-.479c-.492 1.46-1.16 2.87-1.93 4.204c-1.276 2.21-2.86 4.312-4.898 5.874c-.843.647-1.702 1.126-2.524 1.355c-.826.23-1.676.221-2.412-.203c-.726-.42-1.157-1.14-1.373-1.957c-.215-.814-.235-1.78-.106-2.816a1.05 1.05 0 0 0-.627-1.086c-.962-.406-1.788-.907-2.385-1.5c-.6-.596-1.009-1.329-1.009-2.168c0-.849.42-1.59 1.031-2.19c.453-.443 1.035-.834 1.706-1.173c.412 2.023 1.29 4.285 2.636 6.616c.89 1.542 1.854 2.888 2.848 4.016a.75.75 0 0 0 1.126-.992c-1.02-1.158-1.903-2.437-2.675-3.774l-.002-.004c-1.53-2.65-2.368-5.126-2.637-7.174c-.138-1.053-.123-2.036.09-2.863c.213-.83.646-1.562 1.38-1.987c.727-.42 1.566-.432 2.382-.211c.812.22 1.66.686 2.492 1.315a1.05 1.05 0 0 0 1.254 0c.832-.63 1.68-1.094 2.491-1.315"/></svg>
React
import type { SVGProps } from "react";
export function FluentCowork24Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15.12 2.262c.816-.221 1.656-.208 2.382.211c.735.425 1.167 1.158 1.38 1.987c.159.615.207 1.315.165 2.067c-1.958-.655-4.356-1.028-7.048-1.028c-1.78 0-3.427.162-4.901.46a.751.751 0 0 0 .297 1.47c1.51-.304 3.062-.43 4.603-.43c2.542 0 5.168.322 7.537 1.304c.981.407 1.825.91 2.435 1.508c.612.6 1.03 1.34 1.03 2.19c0 .839-.408 1.572-1.008 2.167c-.597.593-1.424 1.095-2.386 1.501a1.05 1.05 0 0 0-.626 1.086c.128 1.036.108 2.002-.107 2.816c-.216.817-.647 1.537-1.373 1.957c-.735.424-1.587.432-2.412.202c-.61-.17-1.24-.48-1.87-.892c1.546-1.368 3.067-3.26 4.413-5.59c.89-1.542 1.573-3.05 2.053-4.474a.75.75 0 0 0-1.422-.479c-.492 1.46-1.16 2.87-1.93 4.204c-1.276 2.21-2.86 4.312-4.898 5.874c-.843.647-1.702 1.126-2.524 1.355c-.826.23-1.676.221-2.412-.203c-.726-.42-1.157-1.14-1.373-1.957c-.215-.814-.235-1.78-.106-2.816a1.05 1.05 0 0 0-.627-1.086c-.962-.406-1.788-.907-2.385-1.5c-.6-.596-1.009-1.329-1.009-2.168c0-.849.42-1.59 1.031-2.19c.453-.443 1.035-.834 1.706-1.173c.412 2.023 1.29 4.285 2.636 6.616c.89 1.542 1.854 2.888 2.848 4.016a.75.75 0 0 0 1.126-.992c-1.02-1.158-1.903-2.437-2.675-3.774l-.002-.004c-1.53-2.65-2.368-5.126-2.637-7.174c-.138-1.053-.123-2.036.09-2.863c.213-.83.646-1.562 1.38-1.987c.727-.42 1.566-.432 2.382-.211c.812.22 1.66.686 2.492 1.315a1.05 1.05 0 0 0 1.254 0c.832-.63 1.68-1.094 2.491-1.315"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15.12 2.262c.816-.221 1.656-.208 2.382.211c.735.425 1.167 1.158 1.38 1.987c.159.615.207 1.315.165 2.067c-1.958-.655-4.356-1.028-7.048-1.028c-1.78 0-3.427.162-4.901.46a.751.751 0 0 0 .297 1.47c1.51-.304 3.062-.43 4.603-.43c2.542 0 5.168.322 7.537 1.304c.981.407 1.825.91 2.435 1.508c.612.6 1.03 1.34 1.03 2.19c0 .839-.408 1.572-1.008 2.167c-.597.593-1.424 1.095-2.386 1.501a1.05 1.05 0 0 0-.626 1.086c.128 1.036.108 2.002-.107 2.816c-.216.817-.647 1.537-1.373 1.957c-.735.424-1.587.432-2.412.202c-.61-.17-1.24-.48-1.87-.892c1.546-1.368 3.067-3.26 4.413-5.59c.89-1.542 1.573-3.05 2.053-4.474a.75.75 0 0 0-1.422-.479c-.492 1.46-1.16 2.87-1.93 4.204c-1.276 2.21-2.86 4.312-4.898 5.874c-.843.647-1.702 1.126-2.524 1.355c-.826.23-1.676.221-2.412-.203c-.726-.42-1.157-1.14-1.373-1.957c-.215-.814-.235-1.78-.106-2.816a1.05 1.05 0 0 0-.627-1.086c-.962-.406-1.788-.907-2.385-1.5c-.6-.596-1.009-1.329-1.009-2.168c0-.849.42-1.59 1.031-2.19c.453-.443 1.035-.834 1.706-1.173c.412 2.023 1.29 4.285 2.636 6.616c.89 1.542 1.854 2.888 2.848 4.016a.75.75 0 0 0 1.126-.992c-1.02-1.158-1.903-2.437-2.675-3.774l-.002-.004c-1.53-2.65-2.368-5.126-2.637-7.174c-.138-1.053-.123-2.036.09-2.863c.213-.83.646-1.562 1.38-1.987c.727-.42 1.566-.432 2.382-.211c.812.22 1.66.686 2.492 1.315a1.05 1.05 0 0 0 1.254 0c.832-.63 1.68-1.094 2.491-1.315"/></svg> </template>
CSS
.icon-cowork-24-filled {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15.12%202.262c.816-.221%201.656-.208%202.382.211c.735.425%201.167%201.158%201.38%201.987c.159.615.207%201.315.165%202.067c-1.958-.655-4.356-1.028-7.048-1.028c-1.78%200-3.427.162-4.901.46a.751.751%200%200%200%20.297%201.47c1.51-.304%203.062-.43%204.603-.43c2.542%200%205.168.322%207.537%201.304c.981.407%201.825.91%202.435%201.508c.612.6%201.03%201.34%201.03%202.19c0%20.839-.408%201.572-1.008%202.167c-.597.593-1.424%201.095-2.386%201.501a1.05%201.05%200%200%200-.626%201.086c.128%201.036.108%202.002-.107%202.816c-.216.817-.647%201.537-1.373%201.957c-.735.424-1.587.432-2.412.202c-.61-.17-1.24-.48-1.87-.892c1.546-1.368%203.067-3.26%204.413-5.59c.89-1.542%201.573-3.05%202.053-4.474a.75.75%200%200%200-1.422-.479c-.492%201.46-1.16%202.87-1.93%204.204c-1.276%202.21-2.86%204.312-4.898%205.874c-.843.647-1.702%201.126-2.524%201.355c-.826.23-1.676.221-2.412-.203c-.726-.42-1.157-1.14-1.373-1.957c-.215-.814-.235-1.78-.106-2.816a1.05%201.05%200%200%200-.627-1.086c-.962-.406-1.788-.907-2.385-1.5c-.6-.596-1.009-1.329-1.009-2.168c0-.849.42-1.59%201.031-2.19c.453-.443%201.035-.834%201.706-1.173c.412%202.023%201.29%204.285%202.636%206.616c.89%201.542%201.854%202.888%202.848%204.016a.75.75%200%200%200%201.126-.992c-1.02-1.158-1.903-2.437-2.675-3.774l-.002-.004c-1.53-2.65-2.368-5.126-2.637-7.174c-.138-1.053-.123-2.036.09-2.863c.213-.83.646-1.562%201.38-1.987c.727-.42%201.566-.432%202.382-.211c.812.22%201.66.686%202.492%201.315a1.05%201.05%200%200%200%201.254%200c.832-.63%201.68-1.094%202.491-1.315%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15.12%202.262c.816-.221%201.656-.208%202.382.211c.735.425%201.167%201.158%201.38%201.987c.159.615.207%201.315.165%202.067c-1.958-.655-4.356-1.028-7.048-1.028c-1.78%200-3.427.162-4.901.46a.751.751%200%200%200%20.297%201.47c1.51-.304%203.062-.43%204.603-.43c2.542%200%205.168.322%207.537%201.304c.981.407%201.825.91%202.435%201.508c.612.6%201.03%201.34%201.03%202.19c0%20.839-.408%201.572-1.008%202.167c-.597.593-1.424%201.095-2.386%201.501a1.05%201.05%200%200%200-.626%201.086c.128%201.036.108%202.002-.107%202.816c-.216.817-.647%201.537-1.373%201.957c-.735.424-1.587.432-2.412.202c-.61-.17-1.24-.48-1.87-.892c1.546-1.368%203.067-3.26%204.413-5.59c.89-1.542%201.573-3.05%202.053-4.474a.75.75%200%200%200-1.422-.479c-.492%201.46-1.16%202.87-1.93%204.204c-1.276%202.21-2.86%204.312-4.898%205.874c-.843.647-1.702%201.126-2.524%201.355c-.826.23-1.676.221-2.412-.203c-.726-.42-1.157-1.14-1.373-1.957c-.215-.814-.235-1.78-.106-2.816a1.05%201.05%200%200%200-.627-1.086c-.962-.406-1.788-.907-2.385-1.5c-.6-.596-1.009-1.329-1.009-2.168c0-.849.42-1.59%201.031-2.19c.453-.443%201.035-.834%201.706-1.173c.412%202.023%201.29%204.285%202.636%206.616c.89%201.542%201.854%202.888%202.848%204.016a.75.75%200%200%200%201.126-.992c-1.02-1.158-1.903-2.437-2.675-3.774l-.002-.004c-1.53-2.65-2.368-5.126-2.637-7.174c-.138-1.053-.123-2.036.09-2.863c.213-.83.646-1.562%201.38-1.987c.727-.42%201.566-.432%202.382-.211c.812.22%201.66.686%202.492%201.315a1.05%201.05%200%200%200%201.254%200c.832-.63%201.68-1.094%202.491-1.315%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/cowork-24-filled.svg?color=%231a73e8&size=48
