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

OpenMoji (Iconify)

PostOffice

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="#d0cfce" d="M13 14h46v46H13z"/><circle cx="37" cy="37" r="6" fill="#fcea2b"/><path fill="#92d3f5" d="M29.5 50h13v10h-13z"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M51 30h2v5h-2zm0-10h2v5h-2zm-16 0h2v5h-2zm8 0h2v5h-2zm-16 0h2v5h-2zm24 20h2v5h-2zm0 10h2v5h-2zM19 30h2v5h-2zm0-10h2v5h-2zm0 20h2v5h-2zm0 10h2v5h-2z"/><circle cx="37" cy="37" r="3" fill="#d0cfce"/><path fill="#fcea2b" d="m31 34.5l-4.3 4.3L32 41l1-1zM47 37l-4 4l-2-2l3.9-4z"/><path fill="#fcea2b" d="M43 41a8.9 8.9 0 0 1-6 2a8.9 8.9 0 0 1-6-2l2-2a10.7 10.7 0 0 0 4 1a10.7 10.7 0 0 0 4-1Z"/><g fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13 14h46v46H13z"/><path d="M43 36.9L41 39a11.2 11.2 0 0 1-3.8 1a3 3 0 1 0-.4 0a9.3 9.3 0 0 1-3.8-1l-.3.3l-1.5-4A6.027 6.027 0 0 1 43 36.9M29.5 50h13v10h-13zM36 60V50"/><path d="m32.7 39.3l-1.4 1.4l-4.6-1.9l4.3-4.3l.2.8zM47 37l-4 4l-2-2l2-2.1l1.9-1.9z"/><path d="M43 41a8.8 8.8 0 0 1-5.5 2h-.9a8.88 8.88 0 0 1-5.6-2l2-2a11.2 11.2 0 0 0 3.8 1h.4a9.3 9.3 0 0 0 3.8-1ZM21 25h-2v-5m34 15h-2v-5m-6-5h-2v-5m10 5h-2v-5m-14 5h-2v-5m-6 5h-2v-5m-6 15h-2v-5m2 15h-2v-5m34 5h-2v-5m2 15h-2v-5m-30 5h-2v-5"/></g></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. PostOfficeIcon.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.