cowork icon
cowork-20-filled from Fluent UI System Icons by Microsoft Corporation · 20 Filled · MIT Free for personal and commercial use.
- Name
- cowork-20-filled
- Set
- Fluent UI System Icons
- Style
- 20 Filled
- Viewbox
- 20×20
- 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 20 20"><path fill="currentColor" d="M12.528 2.076c.686-.208 1.382-.213 1.974.13c.57.329.911.904 1.08 1.57c.15.59.173 1.284.096 2.037C14.1 5.296 12.163 5 9.998 5c-1.554 0-2.986.152-4.25.427a.5.5 0 0 0 .213.976c1.32-.287 2.685-.405 4.037-.405c1.893 0 3.721.27 5.533.805l-.003.011q.351.118.672.25c.805.332 1.49.74 1.98 1.217c.493.48.819 1.062.819 1.721c0 .684-.35 1.284-.873 1.773c-.522.49-1.252.904-2.107 1.237a.65.65 0 0 0-.403.698c.14.907.145 1.745-.017 2.442c-.163.698-.507 1.303-1.099 1.645c-.57.33-1.239.337-1.9.15c-.585-.165-1.2-.493-1.813-.936c1.236-1.108 2.461-2.637 3.544-4.513c.776-1.345 1.36-2.66 1.755-3.893a.5.5 0 0 0-.952-.303c-.413 1.29-.986 2.517-1.668 3.698a19.6 19.6 0 0 1-3.464 4.39l-.01-.01a11 11 0 0 1-.55.457c-.69.531-1.385.92-2.045 1.106s-1.328.179-1.899-.151c-.592-.342-.936-.946-1.099-1.644c-.162-.696-.156-1.535-.017-2.442a.65.65 0 0 0-.403-.698c-.855-.333-1.584-.748-2.107-1.236c-.523-.49-.875-1.09-.875-1.774c0-.66.328-1.241.82-1.72c.437-.425 1.027-.794 1.718-1.103c.341 1.625 1.053 3.45 2.136 5.326c.776 1.345 1.624 2.51 2.494 3.467a.5.5 0 0 0 .74-.673c-.91-1.002-1.692-2.121-2.369-3.293a19.6 19.6 0 0 1-2.07-5.194l.012-.004q-.075-.361-.12-.705c-.116-.863-.105-1.66.063-2.324c.169-.665.51-1.24 1.08-1.569c.593-.342 1.288-.338 1.974-.13c.684.208 1.408.632 2.124 1.206a.65.65 0 0 0 .805 0c.716-.574 1.44-.998 2.124-1.206"/></svg>
React
import type { SVGProps } from "react";
export function FluentCowork20Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M12.528 2.076c.686-.208 1.382-.213 1.974.13c.57.329.911.904 1.08 1.57c.15.59.173 1.284.096 2.037C14.1 5.296 12.163 5 9.998 5c-1.554 0-2.986.152-4.25.427a.5.5 0 0 0 .213.976c1.32-.287 2.685-.405 4.037-.405c1.893 0 3.721.27 5.533.805l-.003.011q.351.118.672.25c.805.332 1.49.74 1.98 1.217c.493.48.819 1.062.819 1.721c0 .684-.35 1.284-.873 1.773c-.522.49-1.252.904-2.107 1.237a.65.65 0 0 0-.403.698c.14.907.145 1.745-.017 2.442c-.163.698-.507 1.303-1.099 1.645c-.57.33-1.239.337-1.9.15c-.585-.165-1.2-.493-1.813-.936c1.236-1.108 2.461-2.637 3.544-4.513c.776-1.345 1.36-2.66 1.755-3.893a.5.5 0 0 0-.952-.303c-.413 1.29-.986 2.517-1.668 3.698a19.6 19.6 0 0 1-3.464 4.39l-.01-.01a11 11 0 0 1-.55.457c-.69.531-1.385.92-2.045 1.106s-1.328.179-1.899-.151c-.592-.342-.936-.946-1.099-1.644c-.162-.696-.156-1.535-.017-2.442a.65.65 0 0 0-.403-.698c-.855-.333-1.584-.748-2.107-1.236c-.523-.49-.875-1.09-.875-1.774c0-.66.328-1.241.82-1.72c.437-.425 1.027-.794 1.718-1.103c.341 1.625 1.053 3.45 2.136 5.326c.776 1.345 1.624 2.51 2.494 3.467a.5.5 0 0 0 .74-.673c-.91-1.002-1.692-2.121-2.369-3.293a19.6 19.6 0 0 1-2.07-5.194l.012-.004q-.075-.361-.12-.705c-.116-.863-.105-1.66.063-2.324c.169-.665.51-1.24 1.08-1.569c.593-.342 1.288-.338 1.974-.13c.684.208 1.408.632 2.124 1.206a.65.65 0 0 0 .805 0c.716-.574 1.44-.998 2.124-1.206"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M12.528 2.076c.686-.208 1.382-.213 1.974.13c.57.329.911.904 1.08 1.57c.15.59.173 1.284.096 2.037C14.1 5.296 12.163 5 9.998 5c-1.554 0-2.986.152-4.25.427a.5.5 0 0 0 .213.976c1.32-.287 2.685-.405 4.037-.405c1.893 0 3.721.27 5.533.805l-.003.011q.351.118.672.25c.805.332 1.49.74 1.98 1.217c.493.48.819 1.062.819 1.721c0 .684-.35 1.284-.873 1.773c-.522.49-1.252.904-2.107 1.237a.65.65 0 0 0-.403.698c.14.907.145 1.745-.017 2.442c-.163.698-.507 1.303-1.099 1.645c-.57.33-1.239.337-1.9.15c-.585-.165-1.2-.493-1.813-.936c1.236-1.108 2.461-2.637 3.544-4.513c.776-1.345 1.36-2.66 1.755-3.893a.5.5 0 0 0-.952-.303c-.413 1.29-.986 2.517-1.668 3.698a19.6 19.6 0 0 1-3.464 4.39l-.01-.01a11 11 0 0 1-.55.457c-.69.531-1.385.92-2.045 1.106s-1.328.179-1.899-.151c-.592-.342-.936-.946-1.099-1.644c-.162-.696-.156-1.535-.017-2.442a.65.65 0 0 0-.403-.698c-.855-.333-1.584-.748-2.107-1.236c-.523-.49-.875-1.09-.875-1.774c0-.66.328-1.241.82-1.72c.437-.425 1.027-.794 1.718-1.103c.341 1.625 1.053 3.45 2.136 5.326c.776 1.345 1.624 2.51 2.494 3.467a.5.5 0 0 0 .74-.673c-.91-1.002-1.692-2.121-2.369-3.293a19.6 19.6 0 0 1-2.07-5.194l.012-.004q-.075-.361-.12-.705c-.116-.863-.105-1.66.063-2.324c.169-.665.51-1.24 1.08-1.569c.593-.342 1.288-.338 1.974-.13c.684.208 1.408.632 2.124 1.206a.65.65 0 0 0 .805 0c.716-.574 1.44-.998 2.124-1.206"/></svg> </template>
CSS
.icon-cowork-20-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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.528%202.076c.686-.208%201.382-.213%201.974.13c.57.329.911.904%201.08%201.57c.15.59.173%201.284.096%202.037C14.1%205.296%2012.163%205%209.998%205c-1.554%200-2.986.152-4.25.427a.5.5%200%200%200%20.213.976c1.32-.287%202.685-.405%204.037-.405c1.893%200%203.721.27%205.533.805l-.003.011q.351.118.672.25c.805.332%201.49.74%201.98%201.217c.493.48.819%201.062.819%201.721c0%20.684-.35%201.284-.873%201.773c-.522.49-1.252.904-2.107%201.237a.65.65%200%200%200-.403.698c.14.907.145%201.745-.017%202.442c-.163.698-.507%201.303-1.099%201.645c-.57.33-1.239.337-1.9.15c-.585-.165-1.2-.493-1.813-.936c1.236-1.108%202.461-2.637%203.544-4.513c.776-1.345%201.36-2.66%201.755-3.893a.5.5%200%200%200-.952-.303c-.413%201.29-.986%202.517-1.668%203.698a19.6%2019.6%200%200%201-3.464%204.39l-.01-.01a11%2011%200%200%201-.55.457c-.69.531-1.385.92-2.045%201.106s-1.328.179-1.899-.151c-.592-.342-.936-.946-1.099-1.644c-.162-.696-.156-1.535-.017-2.442a.65.65%200%200%200-.403-.698c-.855-.333-1.584-.748-2.107-1.236c-.523-.49-.875-1.09-.875-1.774c0-.66.328-1.241.82-1.72c.437-.425%201.027-.794%201.718-1.103c.341%201.625%201.053%203.45%202.136%205.326c.776%201.345%201.624%202.51%202.494%203.467a.5.5%200%200%200%20.74-.673c-.91-1.002-1.692-2.121-2.369-3.293a19.6%2019.6%200%200%201-2.07-5.194l.012-.004q-.075-.361-.12-.705c-.116-.863-.105-1.66.063-2.324c.169-.665.51-1.24%201.08-1.569c.593-.342%201.288-.338%201.974-.13c.684.208%201.408.632%202.124%201.206a.65.65%200%200%200%20.805%200c.716-.574%201.44-.998%202.124-1.206%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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.528%202.076c.686-.208%201.382-.213%201.974.13c.57.329.911.904%201.08%201.57c.15.59.173%201.284.096%202.037C14.1%205.296%2012.163%205%209.998%205c-1.554%200-2.986.152-4.25.427a.5.5%200%200%200%20.213.976c1.32-.287%202.685-.405%204.037-.405c1.893%200%203.721.27%205.533.805l-.003.011q.351.118.672.25c.805.332%201.49.74%201.98%201.217c.493.48.819%201.062.819%201.721c0%20.684-.35%201.284-.873%201.773c-.522.49-1.252.904-2.107%201.237a.65.65%200%200%200-.403.698c.14.907.145%201.745-.017%202.442c-.163.698-.507%201.303-1.099%201.645c-.57.33-1.239.337-1.9.15c-.585-.165-1.2-.493-1.813-.936c1.236-1.108%202.461-2.637%203.544-4.513c.776-1.345%201.36-2.66%201.755-3.893a.5.5%200%200%200-.952-.303c-.413%201.29-.986%202.517-1.668%203.698a19.6%2019.6%200%200%201-3.464%204.39l-.01-.01a11%2011%200%200%201-.55.457c-.69.531-1.385.92-2.045%201.106s-1.328.179-1.899-.151c-.592-.342-.936-.946-1.099-1.644c-.162-.696-.156-1.535-.017-2.442a.65.65%200%200%200-.403-.698c-.855-.333-1.584-.748-2.107-1.236c-.523-.49-.875-1.09-.875-1.774c0-.66.328-1.241.82-1.72c.437-.425%201.027-.794%201.718-1.103c.341%201.625%201.053%203.45%202.136%205.326c.776%201.345%201.624%202.51%202.494%203.467a.5.5%200%200%200%20.74-.673c-.91-1.002-1.692-2.121-2.369-3.293a19.6%2019.6%200%200%201-2.07-5.194l.012-.004q-.075-.361-.12-.705c-.116-.863-.105-1.66.063-2.324c.169-.665.51-1.24%201.08-1.569c.593-.342%201.288-.338%201.974-.13c.684.208%201.408.632%202.124%201.206a.65.65%200%200%200%20.805%200c.716-.574%201.44-.998%202.124-1.206%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/cowork-20-filled.svg?color=%231a73e8&size=48
