ICONYZ
日本語
Emoji One (Monotone) の Office Building アイコン

Office Building アイコン

emojione-monotone:office-building

Office Building アイコン(emojione-monotone:office-building)は、Emoji One (Monotone) セットの無料 SVG アイコンです(作者: Emoji One)。 64 × 64 のグリッドで描かれています。 Emoji One (Monotone) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Emoji One (Monotone)
作者
Emoji One
ライセンス
CC-BY-4.0
サイズ
64 × 64
カテゴリ
旅行
タグ
officebuilding
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="currentColor" d="M62 59.526c0-.743-.427-1.373-1.027-1.724a2.3 2.3 0 0 0 .328-1.168a2.28 2.28 0 0 0-2.272-2.286c-.047 0-.097.014-.145.02v-.283c0-.645-.522-1.17-1.164-1.17c-.163 0-.313.043-.453.106v-.827h1.782v-5.348h-1.291V42.39h1.291v-5.349h-1.291v-4.457h1.291v-5.349h-1.291v-4.457h1.291V17.43h-1.291v-4.457h1.291V4.951H47.246V2H15.771v3.842h-3.074v-.891H3.783V49.52H2v2.674h1.783V62H62v-.983h-.657c.4-.371.657-.9.657-1.491M39.438 12.974h4.457v4.457h-4.457zm0 9.804h4.457v4.457h-4.457zm0 9.806h4.457v4.457h-4.457zm0 9.806h4.457v4.457h-4.457zm-8.914-29.416h4.457v4.457h-4.457zm0 9.804h4.457v4.457h-4.457zm0 9.806h4.457v4.457h-4.457zm0 9.806h4.457v4.457h-4.457zM16.476 61.017h-2.674v-7.039h2.674zm3.565 0h-2.674v-7.039h2.674zm6.026 0h-5.135v-7.931H12.91v7.931H5.565v-8.822h20.502zm0-18.627v7.131H12.696v-8.468h13.371zm0-9.806v5.794H12.696v-7.131h13.371zm0-9.806v5.794H12.696v-7.131h13.371zm0-9.804v5.794H12.696v-7.131h13.371zm0-4.012H12.696V6.733h13.371zm4.457 52.055h-2.95v-.983h2.95v-7.839h4.457v7.839h4.457v-7.839h4.457v7.839h4.08c.202.475.609.833 1.109.983zm17.829-5.754v-3.068h4.457v1.367c-.108-.022-.211-.058-.327-.058a1.74 1.74 0 0 0-1.571 1.007a2.4 2.4 0 0 0-.751-.133c-.735 0-1.383.35-1.808.885m1.346 4.087c-.321 0-.578.323-.578 0a.581.581 0 1 1 1.162 0c0 .323-.258 0-.584 0m.624-3.148c-.644 0-1.166 1.024-1.166.371a1.168 1.168 0 1 1 2.336 0c0 .654-.518-.371-1.17-.371m2.534 3.144c-.642 0-1.164.899-1.164.251a1.17 1.17 0 0 1 1.164-1.168a1.16 1.16 0 0 1 1.158 1.168c.001.648-.51-.251-1.158-.251m1.464-4.673a.786.786 0 1 1 1.573 0c0 .436-.35-.22-.789-.22c-.434 0-.784.655-.784.22m1.368 2.887c-.321 0-.578.324-.578 0c0-.319.257-.58.578-.58a.58.58 0 0 1 .584.58c0 .324-.255 0-.584 0m.594-10.713h-8.914V42.39h8.914zm0-9.806h-8.914v-4.457h8.914zm0-9.806h-8.914v-4.457h8.914zm0-9.804h-8.914v-4.457h8.914zm.995 42.233c-.435 0-.784.655-.784.22a.786.786 0 1 1 1.571 0c0 .435-.347-.22-.787-.22m.203-3.788c-.322 0-.578.424-.578.101c0-.33.256-.588.578-.588c.317 0 .584.258.584.588c0 .323-.266-.101-.584-.101m1.391 1.791a.58.58 0 1 1 1.161 0c0 .323-.256-.095-.577-.095c-.326 0-.584.418-.584.095m1.116 2.081c-.322 0-.586.33-.586 0c0-.318.264-.583.586-.583c.319 0 .578.265.578.583c0 .33-.258 0-.578 0"/></svg>

Office Building アイコンの使い方

React

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

<Icon icon="emojione-monotone:office-building" width="24" />

Vue

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

<template>
  <Icon icon="emojione-monotone:office-building" width="24" />
</template>

Svelte

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

<Icon icon="emojione-monotone:office-building" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-monotone--office-building]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione-monotone -->
<div class="i-emojione-monotone:office-building"></div>

Web コンポーネント

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

<iconify-icon icon="emojione-monotone:office-building"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/emojione-monotone/office-building.svg" alt="Office Building アイコン" width="24" height="24">

他のアイコンセットの Office Building アイコン

Office Building アイコン のよくある質問

Office Building アイコンは商用利用でも無料ですか?

はい。Emoji One (Monotone) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Office Building アイコンを使うには?

@iconify/react をインストールして <Icon icon="emojione-monotone:office-building" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Office Building アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione-monotone/office-building.svg" alt="Office Building アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Emoji One (Monotone) アイコン をすべて見る →