ICONYZ
English
Post Office icon from OpenMoji

Post Office icon

openmoji:post-office

The Post Office icon (openmoji:post-office) is a free SVG icon from the OpenMoji set. It is drawn on a 72 × 72 grid. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
OpenMoji
Author
OpenMoji
License
CC-BY-SA-4.0
Size
72 × 72
Category
Travel Places
Tags
postoffice
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" 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="#92d3f5" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 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="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><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>

How to use the Post Office icon

React

import { Icon } from "@iconify/react";

<Icon icon="openmoji:post-office" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="openmoji:post-office" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="openmoji:post-office" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--post-office]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:post-office"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="openmoji:post-office"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/openmoji/post-office.svg" alt="Post Office icon" width="24" height="24">

Related icons in OpenMoji

Post Office icon in other icon sets

Post Office icon FAQ

Is the Post Office icon free for commercial use?

Yes. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license.

How do I use the Post Office icon in React?

Install @iconify/react and render <Icon icon="openmoji:post-office" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Post Office icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/openmoji/post-office.svg" alt="Post Office icon">, or paste the SVG code inline to style it with CSS.

Browse all OpenMoji icons →