Cowork icon (Filled & Regular)

The Cowork icon is part of Microsoft's Fluent UI System Icons, available here in filled and regular (outlined) styles on a 24 px grid. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.

Use the Cowork icon in React

Install Microsoft's @fluentui/react-icons package, then import the component. Icons inherit the current text color, and you can size them with CSS.

npm install @fluentui/react-icons

import { Cowork24Regular, Cowork24Filled } from "@fluentui/react-icons";

export function Example() {
  return <Cowork24Regular aria-label="Cowork" />;
}

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_cowork_24_regular.svg" width="24" height="24" alt="Cowork">

Or paste the SVG markup inline. Setting fill="currentColor" makes the icon follow the text color of its parent:

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 7.00197C14.904 7.00202 17.569 7.48853 19.5352 8.30372C20.5164 8.71059 21.3602 9.21412 21.9697 9.81154C22.5817 10.4115 22.9999 11.1527 23 12.002C22.9999 12.8405 22.5917 13.5732 21.9922 14.169C21.3951 14.7621 20.5682 15.2637 19.6064 15.6699C19.1829 15.849 18.9228 16.2995 18.9795 16.7559C19.1085 17.7916 19.0881 18.7578 18.873 19.5713C18.6569 20.3885 18.2263 21.1089 17.5 21.5283C16.6125 22.0405 15.5647 21.9467 14.5771 21.5586C13.9954 21.3299 13.3975 20.984 12.7969 20.5469C13.1642 20.2226 13.5297 19.8677 13.8916 19.4863C14.3289 19.786 14.744 20.0119 15.126 20.1621C15.8896 20.4623 16.4135 20.4236 16.75 20.2295C17.0274 20.0693 17.2747 19.7512 17.4238 19.1875C17.5738 18.6199 17.6057 17.8597 17.4912 16.9404C17.3517 15.8181 17.9815 14.7282 19.0234 14.2881C19.8769 13.9276 20.518 13.5193 20.9346 13.1055C21.3481 12.6946 21.4999 12.3223 21.5 12.002C21.4999 11.6778 21.344 11.2995 20.9189 10.8828C20.4912 10.4637 19.8338 10.0514 18.9609 9.68947C17.2176 8.96663 14.7563 8.50201 12 8.50197C10.5375 8.50199 9.15569 8.63632 7.91895 8.86818C7.76798 8.35435 7.65347 7.86481 7.57422 7.40724C8.92904 7.14838 10.4279 7.002 12 7.00197ZM4.19922 8.41505C4.29643 8.89556 4.42091 9.39019 4.57031 9.89454C4.09233 10.1233 3.68914 10.3694 3.36816 10.625C2.72643 11.1363 2.49815 11.6096 2.49805 11.9981C2.49807 12.3184 2.64975 12.6915 3.06348 13.1025C3.48008 13.5163 4.12221 13.9237 4.97559 14.2842C6.01736 14.7245 6.64661 15.8151 6.50684 16.9375C6.3923 17.857 6.4251 18.6169 6.5752 19.1846C6.72427 19.7479 6.97079 20.0654 7.24805 20.2256C7.52879 20.3875 7.93443 20.442 8.50781 20.2822C9.08471 20.1214 9.77046 19.7577 10.5205 19.1826C12.0182 18.0342 13.6511 16.1352 15.0293 13.7481C15.7605 12.4815 16.3354 11.2182 16.7529 10.0313C17.2733 10.1574 17.7546 10.3028 18.1904 10.4629C17.7372 11.7656 17.1142 13.1365 16.3281 14.4981C14.8761 17.013 13.1227 19.0779 11.4336 20.3731C10.5906 21.0194 9.73235 21.4984 8.91016 21.7275C8.08456 21.9576 7.23357 21.949 6.49805 21.5244C5.77176 21.105 5.34117 20.3846 5.125 19.5674C4.90996 18.7539 4.88952 17.7877 5.01855 16.752C5.07531 16.2957 4.81504 15.8452 4.3916 15.666C3.43018 15.2599 2.60381 14.759 2.00684 14.166C1.40702 13.5701 0.998107 12.8369 0.998047 11.9981C0.998196 10.9734 1.60368 10.1133 2.43359 9.45216C2.92252 9.06277 3.52034 8.71667 4.19922 8.41505ZM15.1201 2.26271C15.9361 2.04119 16.7754 2.0542 17.502 2.47365C18.3892 2.98611 18.8316 3.93999 18.9893 4.98927C19.082 5.60735 19.0821 6.29845 19.0039 7.03712C18.5391 6.88103 18.0487 6.74196 17.5371 6.61915C17.578 6.09061 17.5668 5.61783 17.5059 5.21193C17.384 4.40059 17.0883 3.96682 16.752 3.77248C16.4745 3.6123 16.0756 3.55717 15.5127 3.70998C14.9462 3.86394 14.2719 4.2157 13.5332 4.77443C12.631 5.45636 11.3718 5.45662 10.4697 4.77443C9.73073 4.21551 9.05689 3.86382 8.49023 3.70998C7.92764 3.55728 7.52939 3.61242 7.25195 3.77248C6.97144 3.93468 6.72153 4.25868 6.57324 4.83498C6.42419 5.415 6.39555 6.19099 6.51855 7.12794C6.76434 8.99919 7.59256 11.363 8.9707 13.75C9.70193 15.0164 10.509 16.1455 11.3281 17.1006C10.9587 17.4882 10.5919 17.8325 10.2354 18.1299C9.33382 17.0861 8.45792 15.8614 7.67188 14.5C6.21986 11.985 5.30843 9.43363 5.03125 7.32326C4.893 6.27019 4.90761 5.28747 5.12012 4.46095C5.33367 3.63103 5.7667 2.89841 6.50195 2.47365C7.22834 2.05436 8.06701 2.04133 8.88281 2.26271C9.69503 2.48321 10.5424 2.94838 11.375 3.57814C11.7418 3.85534 12.2621 3.85519 12.6289 3.57814C13.4613 2.94862 14.3082 2.48325 15.1201 2.26271Z" fill="currentColor"/></svg>

Use it from the SVG package

Microsoft's @fluentui/svg-icons package contains the raw SVG files, which works well with bundlers that import SVGs:

npm install @fluentui/svg-icons

import icon from "@fluentui/svg-icons/icons/cowork_24_regular.svg";

Details

Name	Cowork
Styles	Regular (outlined), Filled
Size	24 × 24 px (scalable SVG)
Regular (outlined) file	`ic_fluent_cowork_24_regular.svg`
Filled file	`ic_fluent_cowork_24_filled.svg`
React components	`Cowork24Regular, Cowork24Filled`
License	MIT (© Microsoft Corporation)