office building emoji
office-building from Emoji One (Colored) by Emoji One · Default · Travel · CC-BY-4.0 Attribution required.
- Name
- office-building
- Set
- Emoji One (Colored)
- Style
- Default
- Category
- Travel
- Viewbox
- 64×64
- License
- CC BY 4.0
The same emoji in other sets
More travel icons from Emoji One (Colored)
Use the office building emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#3e4347" d="M26 6h20v48H26z"/><path fill="#dae3ea" d="M16 2h32v4H16z"/><path fill="#3e4347" d="M4 6h10v46H4z"/><path fill="#b2c1c0" d="M26 52h28v8H26z"/><path fill="#b4d7ee" d="M30 52h4v8h-4zm8 0h4v8h-4zm8 0h4v8h-4zm0-10h10v4H46zm0-10h10v4H46zm0-10h10v4H46zm0-10h10v4H46zm-8 30h4v4h-4zm0-10h4v4h-4zm0-10h4v4h-4zm0-10h4v4h-4zm-8 30h4v4h-4zm0-10h4v4h-4zm0-10h4v4h-4zm0-10h4v4h-4z"/><path fill="#3e4347" d="M26 46h32v6H26zm0-10h32v6H26zm0-10h32v6H26zm0-10h32v6H26zm0-10h32v6H26z"/><path fill="#b4d7ee" d="M14 8h12v44H14zM4 52h22v10H4z"/><path fill="#dae3ea" d="M2 50h24v2H2z"/><path fill="#d6eef0" d="M14 38h12v2H14zm0-10h12v2H14zm0-10h12v2H14zm0-8h12v2H14z"/><path fill="#f5f5f5" d="M14 6h12v2H14z"/><path fill="#b2c1c0" d="M4 52h2v10H4z"/><g fill="#f5f5f5"><path d="M10 52h1.3v10H10z"/><path d="M10 52h12v1.1H10zm0 8.9h12V62H10z"/><path d="M15.3 52h1.3v10h-1.3zm5.4 0H22v10h-1.3z"/></g><path fill="#83bf4f" d="M26 58h36v2H26z"/><path fill="#dae3ea" d="M24 60h38v2H24z"/><path fill="#83bf4f" d="M61 57.8q.3-.45.3-1.2c0-1.3-1-2.3-2.3-2.3h-.1V54c0-.6-.5-1.2-1.2-1.2c-.3 0-.5.1-.7.3c-.1-.8-.9-1.4-1.7-1.4c-1 0-1.7.8-1.7 1.8v.4c-.3-.2-.7-.4-1.1-.4c-.7 0-1.3.4-1.6 1c-.2-.1-.5-.1-.8-.1c-1.3 0-2.3 1-2.3 2.3c0 .5.2 1 .5 1.4c-.3.3-.5.7-.5 1.2c0 1 .8 1.8 1.7 1.8h9.2c.3.3.8.5 1.2.5c1.1 0 2-.9 2-2c.1-.8-.3-1.4-.9-1.8"/><path fill="#699635" d="M51.7 59.6c0 .6.5-.3 1.2-.3c.6 0 1.2.9 1.2.3s-.5-1.2-1.2-1.2s-1.2.6-1.2 1.2m3.4-2c0 .3.3 0 .6 0s.6.3.6 0s-.3-.6-.6-.6s-.6.2-.6.6m4.3 2.1c0 .3.3 0 .6 0s.6.3.6 0s-.3-.6-.6-.6c-.3.1-.6.3-.6.6"/><path fill="#b5f478" d="M56.9 56c0 .3.3-.1.6-.1s.6.4.6.1s-.3-.6-.6-.6s-.6.2-.6.6m2 1.7c0 .3.3-.1.6-.1s.6.4.6.1s-.3-.6-.6-.6q-.6 0-.6.6"/><path fill="#699635" d="M49.2 56.6c0 .7.5-.4 1.2-.4s1.2 1 1.2.4s-.5-1.2-1.2-1.2s-1.2.5-1.2 1.2m-.1 2.7c0 .3.3 0 .6 0s.6.3.6 0s-.3-.6-.6-.6c-.3.1-.6.3-.6.6"/><path fill="#b5f478" d="M54.3 54.7c0 .4.3-.2.8-.2c.4 0 .8.7.8.2c0-.4-.3-.8-.8-.8c-.4 0-.8.3-.8.8"/><path fill="#699635" d="M56.5 59.9c0 .4.3-.2.8-.2c.4 0 .8.7.8.2c0-.4-.3-.8-.8-.8s-.8.3-.8.8"/></svg>
React
import type { SVGProps } from "react";
export function EmojioneOfficeBuilding(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#3e4347" d="M26 6h20v48H26z"/><path fill="#dae3ea" d="M16 2h32v4H16z"/><path fill="#3e4347" d="M4 6h10v46H4z"/><path fill="#b2c1c0" d="M26 52h28v8H26z"/><path fill="#b4d7ee" d="M30 52h4v8h-4zm8 0h4v8h-4zm8 0h4v8h-4zm0-10h10v4H46zm0-10h10v4H46zm0-10h10v4H46zm0-10h10v4H46zm-8 30h4v4h-4zm0-10h4v4h-4zm0-10h4v4h-4zm0-10h4v4h-4zm-8 30h4v4h-4zm0-10h4v4h-4zm0-10h4v4h-4zm0-10h4v4h-4z"/><path fill="#3e4347" d="M26 46h32v6H26zm0-10h32v6H26zm0-10h32v6H26zm0-10h32v6H26zm0-10h32v6H26z"/><path fill="#b4d7ee" d="M14 8h12v44H14zM4 52h22v10H4z"/><path fill="#dae3ea" d="M2 50h24v2H2z"/><path fill="#d6eef0" d="M14 38h12v2H14zm0-10h12v2H14zm0-10h12v2H14zm0-8h12v2H14z"/><path fill="#f5f5f5" d="M14 6h12v2H14z"/><path fill="#b2c1c0" d="M4 52h2v10H4z"/><g fill="#f5f5f5"><path d="M10 52h1.3v10H10z"/><path d="M10 52h12v1.1H10zm0 8.9h12V62H10z"/><path d="M15.3 52h1.3v10h-1.3zm5.4 0H22v10h-1.3z"/></g><path fill="#83bf4f" d="M26 58h36v2H26z"/><path fill="#dae3ea" d="M24 60h38v2H24z"/><path fill="#83bf4f" d="M61 57.8q.3-.45.3-1.2c0-1.3-1-2.3-2.3-2.3h-.1V54c0-.6-.5-1.2-1.2-1.2c-.3 0-.5.1-.7.3c-.1-.8-.9-1.4-1.7-1.4c-1 0-1.7.8-1.7 1.8v.4c-.3-.2-.7-.4-1.1-.4c-.7 0-1.3.4-1.6 1c-.2-.1-.5-.1-.8-.1c-1.3 0-2.3 1-2.3 2.3c0 .5.2 1 .5 1.4c-.3.3-.5.7-.5 1.2c0 1 .8 1.8 1.7 1.8h9.2c.3.3.8.5 1.2.5c1.1 0 2-.9 2-2c.1-.8-.3-1.4-.9-1.8"/><path fill="#699635" d="M51.7 59.6c0 .6.5-.3 1.2-.3c.6 0 1.2.9 1.2.3s-.5-1.2-1.2-1.2s-1.2.6-1.2 1.2m3.4-2c0 .3.3 0 .6 0s.6.3.6 0s-.3-.6-.6-.6s-.6.2-.6.6m4.3 2.1c0 .3.3 0 .6 0s.6.3.6 0s-.3-.6-.6-.6c-.3.1-.6.3-.6.6"/><path fill="#b5f478" d="M56.9 56c0 .3.3-.1.6-.1s.6.4.6.1s-.3-.6-.6-.6s-.6.2-.6.6m2 1.7c0 .3.3-.1.6-.1s.6.4.6.1s-.3-.6-.6-.6q-.6 0-.6.6"/><path fill="#699635" d="M49.2 56.6c0 .7.5-.4 1.2-.4s1.2 1 1.2.4s-.5-1.2-1.2-1.2s-1.2.5-1.2 1.2m-.1 2.7c0 .3.3 0 .6 0s.6.3.6 0s-.3-.6-.6-.6c-.3.1-.6.3-.6.6"/><path fill="#b5f478" d="M54.3 54.7c0 .4.3-.2.8-.2c.4 0 .8.7.8.2c0-.4-.3-.8-.8-.8c-.4 0-.8.3-.8.8"/><path fill="#699635" d="M56.5 59.9c0 .4.3-.2.8-.2c.4 0 .8.7.8.2c0-.4-.3-.8-.8-.8s-.8.3-.8.8"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#3e4347" d="M26 6h20v48H26z"/><path fill="#dae3ea" d="M16 2h32v4H16z"/><path fill="#3e4347" d="M4 6h10v46H4z"/><path fill="#b2c1c0" d="M26 52h28v8H26z"/><path fill="#b4d7ee" d="M30 52h4v8h-4zm8 0h4v8h-4zm8 0h4v8h-4zm0-10h10v4H46zm0-10h10v4H46zm0-10h10v4H46zm0-10h10v4H46zm-8 30h4v4h-4zm0-10h4v4h-4zm0-10h4v4h-4zm0-10h4v4h-4zm-8 30h4v4h-4zm0-10h4v4h-4zm0-10h4v4h-4zm0-10h4v4h-4z"/><path fill="#3e4347" d="M26 46h32v6H26zm0-10h32v6H26zm0-10h32v6H26zm0-10h32v6H26zm0-10h32v6H26z"/><path fill="#b4d7ee" d="M14 8h12v44H14zM4 52h22v10H4z"/><path fill="#dae3ea" d="M2 50h24v2H2z"/><path fill="#d6eef0" d="M14 38h12v2H14zm0-10h12v2H14zm0-10h12v2H14zm0-8h12v2H14z"/><path fill="#f5f5f5" d="M14 6h12v2H14z"/><path fill="#b2c1c0" d="M4 52h2v10H4z"/><g fill="#f5f5f5"><path d="M10 52h1.3v10H10z"/><path d="M10 52h12v1.1H10zm0 8.9h12V62H10z"/><path d="M15.3 52h1.3v10h-1.3zm5.4 0H22v10h-1.3z"/></g><path fill="#83bf4f" d="M26 58h36v2H26z"/><path fill="#dae3ea" d="M24 60h38v2H24z"/><path fill="#83bf4f" d="M61 57.8q.3-.45.3-1.2c0-1.3-1-2.3-2.3-2.3h-.1V54c0-.6-.5-1.2-1.2-1.2c-.3 0-.5.1-.7.3c-.1-.8-.9-1.4-1.7-1.4c-1 0-1.7.8-1.7 1.8v.4c-.3-.2-.7-.4-1.1-.4c-.7 0-1.3.4-1.6 1c-.2-.1-.5-.1-.8-.1c-1.3 0-2.3 1-2.3 2.3c0 .5.2 1 .5 1.4c-.3.3-.5.7-.5 1.2c0 1 .8 1.8 1.7 1.8h9.2c.3.3.8.5 1.2.5c1.1 0 2-.9 2-2c.1-.8-.3-1.4-.9-1.8"/><path fill="#699635" d="M51.7 59.6c0 .6.5-.3 1.2-.3c.6 0 1.2.9 1.2.3s-.5-1.2-1.2-1.2s-1.2.6-1.2 1.2m3.4-2c0 .3.3 0 .6 0s.6.3.6 0s-.3-.6-.6-.6s-.6.2-.6.6m4.3 2.1c0 .3.3 0 .6 0s.6.3.6 0s-.3-.6-.6-.6c-.3.1-.6.3-.6.6"/><path fill="#b5f478" d="M56.9 56c0 .3.3-.1.6-.1s.6.4.6.1s-.3-.6-.6-.6s-.6.2-.6.6m2 1.7c0 .3.3-.1.6-.1s.6.4.6.1s-.3-.6-.6-.6q-.6 0-.6.6"/><path fill="#699635" d="M49.2 56.6c0 .7.5-.4 1.2-.4s1.2 1 1.2.4s-.5-1.2-1.2-1.2s-1.2.5-1.2 1.2m-.1 2.7c0 .3.3 0 .6 0s.6.3.6 0s-.3-.6-.6-.6c-.3.1-.6.3-.6.6"/><path fill="#b5f478" d="M54.3 54.7c0 .4.3-.2.8-.2c.4 0 .8.7.8.2c0-.4-.3-.8-.8-.8c-.4 0-.8.3-.8.8"/><path fill="#699635" d="M56.5 59.9c0 .4.3-.2.8-.2c.4 0 .8.7.8.2c0-.4-.3-.8-.8-.8s-.8.3-.8.8"/></svg> </template>
CSS
.icon-office-building {
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%2064%2064%22%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M26%206h20v48H26z%22%2F%3E%3Cpath%20fill%3D%22%23dae3ea%22%20d%3D%22M16%202h32v4H16z%22%2F%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M4%206h10v46H4z%22%2F%3E%3Cpath%20fill%3D%22%23b2c1c0%22%20d%3D%22M26%2052h28v8H26z%22%2F%3E%3Cpath%20fill%3D%22%23b4d7ee%22%20d%3D%22M30%2052h4v8h-4zm8%200h4v8h-4zm8%200h4v8h-4zm0-10h10v4H46zm0-10h10v4H46zm0-10h10v4H46zm0-10h10v4H46zm-8%2030h4v4h-4zm0-10h4v4h-4zm0-10h4v4h-4zm0-10h4v4h-4zm-8%2030h4v4h-4zm0-10h4v4h-4zm0-10h4v4h-4zm0-10h4v4h-4z%22%2F%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M26%2046h32v6H26zm0-10h32v6H26zm0-10h32v6H26zm0-10h32v6H26zm0-10h32v6H26z%22%2F%3E%3Cpath%20fill%3D%22%23b4d7ee%22%20d%3D%22M14%208h12v44H14zM4%2052h22v10H4z%22%2F%3E%3Cpath%20fill%3D%22%23dae3ea%22%20d%3D%22M2%2050h24v2H2z%22%2F%3E%3Cpath%20fill%3D%22%23d6eef0%22%20d%3D%22M14%2038h12v2H14zm0-10h12v2H14zm0-10h12v2H14zm0-8h12v2H14z%22%2F%3E%3Cpath%20fill%3D%22%23f5f5f5%22%20d%3D%22M14%206h12v2H14z%22%2F%3E%3Cpath%20fill%3D%22%23b2c1c0%22%20d%3D%22M4%2052h2v10H4z%22%2F%3E%3Cg%20fill%3D%22%23f5f5f5%22%3E%3Cpath%20d%3D%22M10%2052h1.3v10H10z%22%2F%3E%3Cpath%20d%3D%22M10%2052h12v1.1H10zm0%208.9h12V62H10z%22%2F%3E%3Cpath%20d%3D%22M15.3%2052h1.3v10h-1.3zm5.4%200H22v10h-1.3z%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%2383bf4f%22%20d%3D%22M26%2058h36v2H26z%22%2F%3E%3Cpath%20fill%3D%22%23dae3ea%22%20d%3D%22M24%2060h38v2H24z%22%2F%3E%3Cpath%20fill%3D%22%2383bf4f%22%20d%3D%22M61%2057.8q.3-.45.3-1.2c0-1.3-1-2.3-2.3-2.3h-.1V54c0-.6-.5-1.2-1.2-1.2c-.3%200-.5.1-.7.3c-.1-.8-.9-1.4-1.7-1.4c-1%200-1.7.8-1.7%201.8v.4c-.3-.2-.7-.4-1.1-.4c-.7%200-1.3.4-1.6%201c-.2-.1-.5-.1-.8-.1c-1.3%200-2.3%201-2.3%202.3c0%20.5.2%201%20.5%201.4c-.3.3-.5.7-.5%201.2c0%201%20.8%201.8%201.7%201.8h9.2c.3.3.8.5%201.2.5c1.1%200%202-.9%202-2c.1-.8-.3-1.4-.9-1.8%22%2F%3E%3Cpath%20fill%3D%22%23699635%22%20d%3D%22M51.7%2059.6c0%20.6.5-.3%201.2-.3c.6%200%201.2.9%201.2.3s-.5-1.2-1.2-1.2s-1.2.6-1.2%201.2m3.4-2c0%20.3.3%200%20.6%200s.6.3.6%200s-.3-.6-.6-.6s-.6.2-.6.6m4.3%202.1c0%20.3.3%200%20.6%200s.6.3.6%200s-.3-.6-.6-.6c-.3.1-.6.3-.6.6%22%2F%3E%3Cpath%20fill%3D%22%23b5f478%22%20d%3D%22M56.9%2056c0%20.3.3-.1.6-.1s.6.4.6.1s-.3-.6-.6-.6s-.6.2-.6.6m2%201.7c0%20.3.3-.1.6-.1s.6.4.6.1s-.3-.6-.6-.6q-.6%200-.6.6%22%2F%3E%3Cpath%20fill%3D%22%23699635%22%20d%3D%22M49.2%2056.6c0%20.7.5-.4%201.2-.4s1.2%201%201.2.4s-.5-1.2-1.2-1.2s-1.2.5-1.2%201.2m-.1%202.7c0%20.3.3%200%20.6%200s.6.3.6%200s-.3-.6-.6-.6c-.3.1-.6.3-.6.6%22%2F%3E%3Cpath%20fill%3D%22%23b5f478%22%20d%3D%22M54.3%2054.7c0%20.4.3-.2.8-.2c.4%200%20.8.7.8.2c0-.4-.3-.8-.8-.8c-.4%200-.8.3-.8.8%22%2F%3E%3Cpath%20fill%3D%22%23699635%22%20d%3D%22M56.5%2059.9c0%20.4.3-.2.8-.2c.4%200%20.8.7.8.2c0-.4-.3-.8-.8-.8s-.8.3-.8.8%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%2064%2064%22%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M26%206h20v48H26z%22%2F%3E%3Cpath%20fill%3D%22%23dae3ea%22%20d%3D%22M16%202h32v4H16z%22%2F%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M4%206h10v46H4z%22%2F%3E%3Cpath%20fill%3D%22%23b2c1c0%22%20d%3D%22M26%2052h28v8H26z%22%2F%3E%3Cpath%20fill%3D%22%23b4d7ee%22%20d%3D%22M30%2052h4v8h-4zm8%200h4v8h-4zm8%200h4v8h-4zm0-10h10v4H46zm0-10h10v4H46zm0-10h10v4H46zm0-10h10v4H46zm-8%2030h4v4h-4zm0-10h4v4h-4zm0-10h4v4h-4zm0-10h4v4h-4zm-8%2030h4v4h-4zm0-10h4v4h-4zm0-10h4v4h-4zm0-10h4v4h-4z%22%2F%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M26%2046h32v6H26zm0-10h32v6H26zm0-10h32v6H26zm0-10h32v6H26zm0-10h32v6H26z%22%2F%3E%3Cpath%20fill%3D%22%23b4d7ee%22%20d%3D%22M14%208h12v44H14zM4%2052h22v10H4z%22%2F%3E%3Cpath%20fill%3D%22%23dae3ea%22%20d%3D%22M2%2050h24v2H2z%22%2F%3E%3Cpath%20fill%3D%22%23d6eef0%22%20d%3D%22M14%2038h12v2H14zm0-10h12v2H14zm0-10h12v2H14zm0-8h12v2H14z%22%2F%3E%3Cpath%20fill%3D%22%23f5f5f5%22%20d%3D%22M14%206h12v2H14z%22%2F%3E%3Cpath%20fill%3D%22%23b2c1c0%22%20d%3D%22M4%2052h2v10H4z%22%2F%3E%3Cg%20fill%3D%22%23f5f5f5%22%3E%3Cpath%20d%3D%22M10%2052h1.3v10H10z%22%2F%3E%3Cpath%20d%3D%22M10%2052h12v1.1H10zm0%208.9h12V62H10z%22%2F%3E%3Cpath%20d%3D%22M15.3%2052h1.3v10h-1.3zm5.4%200H22v10h-1.3z%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%2383bf4f%22%20d%3D%22M26%2058h36v2H26z%22%2F%3E%3Cpath%20fill%3D%22%23dae3ea%22%20d%3D%22M24%2060h38v2H24z%22%2F%3E%3Cpath%20fill%3D%22%2383bf4f%22%20d%3D%22M61%2057.8q.3-.45.3-1.2c0-1.3-1-2.3-2.3-2.3h-.1V54c0-.6-.5-1.2-1.2-1.2c-.3%200-.5.1-.7.3c-.1-.8-.9-1.4-1.7-1.4c-1%200-1.7.8-1.7%201.8v.4c-.3-.2-.7-.4-1.1-.4c-.7%200-1.3.4-1.6%201c-.2-.1-.5-.1-.8-.1c-1.3%200-2.3%201-2.3%202.3c0%20.5.2%201%20.5%201.4c-.3.3-.5.7-.5%201.2c0%201%20.8%201.8%201.7%201.8h9.2c.3.3.8.5%201.2.5c1.1%200%202-.9%202-2c.1-.8-.3-1.4-.9-1.8%22%2F%3E%3Cpath%20fill%3D%22%23699635%22%20d%3D%22M51.7%2059.6c0%20.6.5-.3%201.2-.3c.6%200%201.2.9%201.2.3s-.5-1.2-1.2-1.2s-1.2.6-1.2%201.2m3.4-2c0%20.3.3%200%20.6%200s.6.3.6%200s-.3-.6-.6-.6s-.6.2-.6.6m4.3%202.1c0%20.3.3%200%20.6%200s.6.3.6%200s-.3-.6-.6-.6c-.3.1-.6.3-.6.6%22%2F%3E%3Cpath%20fill%3D%22%23b5f478%22%20d%3D%22M56.9%2056c0%20.3.3-.1.6-.1s.6.4.6.1s-.3-.6-.6-.6s-.6.2-.6.6m2%201.7c0%20.3.3-.1.6-.1s.6.4.6.1s-.3-.6-.6-.6q-.6%200-.6.6%22%2F%3E%3Cpath%20fill%3D%22%23699635%22%20d%3D%22M49.2%2056.6c0%20.7.5-.4%201.2-.4s1.2%201%201.2.4s-.5-1.2-1.2-1.2s-1.2.5-1.2%201.2m-.1%202.7c0%20.3.3%200%20.6%200s.6.3.6%200s-.3-.6-.6-.6c-.3.1-.6.3-.6.6%22%2F%3E%3Cpath%20fill%3D%22%23b5f478%22%20d%3D%22M54.3%2054.7c0%20.4.3-.2.8-.2c.4%200%20.8.7.8.2c0-.4-.3-.8-.8-.8c-.4%200-.8.3-.8.8%22%2F%3E%3Cpath%20fill%3D%22%23699635%22%20d%3D%22M56.5%2059.9c0%20.4.3-.2.8-.2c.4%200%20.8.7.8.2c0-.4-.3-.8-.8-.8s-.8.3-.8.8%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/office-building.svg?color=%231a73e8&size=48
