Office Building アイコン

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

はい。Noto Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

noto:office-building

Office Building アイコン(noto:office-building)は、Noto Emoji セットの無料 SVG アイコンです（作者: Google Inc）。 128 × 128 のグリッドで描かれています。 Noto Emoji icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Noto Emoji
作者: Google Inc
ライセンス: Apache-2.0
サイズ: 128 × 128
カテゴリ: 旅行・場所
タグ: officebuilding

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#C8C8C8" d="M7.26 32.16s-3.57-5.64-4.27-7.15c-.9-1.94.09-2.41 3.45-2.43c2.15-.01 22.8 0 22.8 0h18.68s-.14-6.72 0-7.08c.14-.35 31.57-.07 31.71 0s.07 7.08.07 7.08h43.05c.99 0 2.02.91 1.15 2.64s-3.29 5.07-3.29 5.07l-.27 87.63l-6.95 3.88l-100.77-.4l-5.35-3.07z"/><path fill="#E1E1E1" d="M28.96 119.32V29.81l32.94-5.02l36.34 5.31v89.22l-34.12 1.77z"/><path fill="#9A9A9A" d="m28.97 22.57l69.32.01l-.05 7.52l-69.28-.29zm-21.7 95.76l39.99-.27s-.05-30.91 0-32.15c.03-.9.25-1.64 1.4-1.72s27.82-.08 28.81-.08c.98 0 1.72.57 1.72 1.97v31.93s41.17-.38 41.15-.07c-.03.31.05 4.58.05 5.16c0 .57-.25 1.4-1.81 1.4H8.6c-.66 0-1.31-.66-1.31-1.48s-.02-4.69-.02-4.69"/><path fill="#6CA4AB" d="M54.73 32.93h17.96v10.64H54.73zm-.09 17.28h18.14v10.22H54.64zm-.17 17.29h18.31v10.98H54.47zm27.25-34.23c-.09.26 0 10.56 0 10.56l10.96-.03s.15-10.4-.06-10.61s-10.82-.18-10.9.08m.17 16.6l.08 10.47l10.39-.08l.17-10.22zm.51 17.71s-.26 10.13-.09 10.39s10.05.26 10.39 0s0-10.3 0-10.3zm.05 16.91l.08 10.53s9.81.23 10.04 0s.46-10.3.15-10.53s-10.27 0-10.27 0m.28 17.15l.14 10.46s9.67.08 9.88-.07s.22-10.01.08-10.31s-10.1-.08-10.1-.08m21.75 10.3c.12.15 10.43.15 10.43.15s.32-10.3-.05-10.45c-.27-.12-10.47-.27-10.61-.15c-.32.29.14 10.34.23 10.45m-.15-26.93c-.16.4-.3 10.53-.08 10.61c.23.08 10.08.15 10.38 0s.53-10.23.23-10.46s-10.38-.52-10.53-.15m-.22-6.69c.27.34 10 .3 10.3.15s.15-9.93-.08-10.3s-10-.15-10.23.08s-.29 9.69.01 10.07m.3-27.53c-.19.38 0 9.78.15 10.08s9.93.3 10.08.08c.15-.23.23-9.85.08-10.08c-.16-.23-10.16-.38-10.31-.08m.22-7.07c.27.27 10.08.08 10.3 0c.23-.08.15-10 .08-10.38c-.08-.38-10.15-.15-10.46 0c-.29.15-.29 10 .08 10.38M33.85 32.9c-.09.26 0 10.56 0 10.56l10.9-.17s.21-10.26 0-10.47c-.21-.22-10.81-.18-10.9.08m.25 17.27s-.27 10.21.07 10.38s10.1.26 10.44 0s.06-10.48.06-10.48zm.17 17.43c-.19.14-.26 10.13-.09 10.39s10.05.26 10.39 0s.26-10.05 0-10.3s-9.96-.34-10.3-.09m-.34 17.04c-.27.27-.15 10.3.08 10.53s10.04 0 10.04 0l.15-10.53s-9.97-.3-10.27 0m.06 16.73v10.55l9.82-.09l.22-10.38zm-21.13 10.46l10.3-.08l.07-10.48s-10.38-.27-10.6.11c-.22.37.23 10.45.23 10.45m-.15-26.93c-.16.4-.3 10.53-.08 10.61c.23.08 10.08.15 10.38 0s.53-10.23.23-10.46s-10.38-.53-10.53-.15m-.23-6.69c.27.34 10 .3 10.3.15s.15-9.93-.08-10.3c-.23-.38-10-.15-10.23.08c-.21.21-.29 9.69.01 10.07m.3-27.53c-.19.38 0 9.78.15 10.08s9.93.3 10.08.08c.15-.23.23-9.85.08-10.08s-10.16-.38-10.31-.08m.23-7.07c.27.27 10.08.08 10.3 0c.23-.08.15-10 .08-10.38s-10.15-.15-10.46 0c-.3.15-.3 10 .08 10.38"/><path fill="#E1E1E1" d="M51.76 118.36c-.07-.07-.21-19.97.07-20.33c.29-.36 22.84-.14 23.05.07s.14 20.12.07 20.26s-23.19 0-23.19 0"/><path fill="#536F7B" d="M53.88 99.97h8.47v16.66h-8.47zm10.65-.03h8.65v16.66h-8.65z"/></svg>

Office Building アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="noto:office-building"></iconify-icon>

HTML 画像

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

Noto Emoji の関連アイコン

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

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

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

はい。Noto Emoji icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

Noto Emoji アイコンをすべて見る →