Home/Libraries/OpenMoji (Iconify)/office-worker

OpenMoji (Iconify)

OfficeWorker

License: CC-BY-SA-4.0

ICON SIZE

STROKE WEIGHT1.5px

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 72 72"><path fill="#9b9b9a" d="M17.298 58.854s-2-13.8 10-13.8c3.192 2.127 5.926 3.598 9 3.592h-.125c3.074.006 5.308-2.665 8.5-4.792c13.314 0 10.9 15 10.9 15"/><path fill="#d0cfce" d="m36.613 54.207l2.415 4.545L45.4 44.136l6.457 9.784L40.7 58.051"/><path fill="#fff" d="M38.507 57.743c-.598 1.035-4.891 1.035-5.489 0l-1.842-2.41l-3.386-8.74l7.973 2.7l7.573-2.7l-3.287 8.74z"/><path fill="#d0cfce" d="M65.729 58.486H50.244V38.684h15.271c.118 0 .214.095.214.214z"/><path fill="#fff" d="M62.618 60.962H48.01V42.01h10.753a3.855 3.855 0 0 1 3.855 3.855z"/><path fill="#3f3f3f" d="M33.455 48.535s-1.206 6.021 2.307 6.021s2.308-6.021 2.308-6.021"/><path fill="#3f3f3f" d="M35.016 54.88a.844.844 0 0 1 1.462 0l1.165 2.017l1.895 1.983h-7.582l1.896-1.983z"/><path fill="#d0cfce" d="m34.912 54.556l-2.415 3.245l-5.672-12.915l-3.957 8.484l9.457 4.431"/><path fill="#3f3f3f" d="M26 36.58c-4 0-4-6-4-13s4-14 14-14s14 7 14 14s0 13-4 13"/><path fill="#fcea2b" d="M24.937 28.58c0 9 4.936 14 11 14c5.936 0 11.063-5 11.063-14a12.1 12.1 0 0 0-1-5c-3-3-7-8-7-8c-4 3-7 6-13 7.001c0 0-1.064.999-1.064 6"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M62.618 60.962H48.01V42.326h11.826v2.112h2.782z"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M51.214 38.863H66.04v18.636m-6.204-15.173l2.782 2.112m-11.663 4.097h8.433m-8.433 4.096h8.433m-8.433 3.584h8.433m-25.933-7.68s-1.206 6.021 2.307 6.021s2.308-6.021 2.308-6.021m6.63 7.094l-5.74 2.178"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M16.825 57.886s-2-13 10-13c3.192 2.128 5.926 3.598 9 3.592H35.7c3.074.006 5.808-1.464 9-3.592"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="m34.912 54.556l-2.415 3.245l-5.672-12.915l-3.957 8.484l9.457 4.431zm9.788-9.67l-5.672 12.915l-2.415-3.245"/><path d="M41.953 27.047a2 2 0 1 1-4 0a2 2 0 0 1 4 0m-8 0a2 2 0 1 1-4 0a2 2 0 0 1 4 0m2 10.003a7.65 7.65 0 0 1-3.448-.859a1 1 0 0 1 .895-1.789c1.593.86 3.512.86 5.106 0a1 1 0 0 1 .894 1.79a7.65 7.65 0 0 1-3.447.857"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M26 36.58c-4 0-4-6-4-13s4-14 14-14s14 7 14 14s0 13-4 13"/><path fill="none" stroke="#818cf8" stroke-linejoin="round" stroke-width="1.5" d="M24.937 28.58c0 9 4.936 14 11 14c5.936 0 11.063-5 11.063-14a12.1 12.1 0 0 0-1-5c-3-3-7-8-7-8c-4 3-7 6-13 7.001c0 0-1.064.999-1.064 6z"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. OfficeWorkerIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-SA-4.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.