Classical Building アイコン
noto-v1:classical-building
Classical Building アイコン(noto-v1:classical-building)は、Noto Emoji (v1) セットの無料 SVG アイコンです（作者: Google Inc）。 128 × 128 のグリッドで描かれています。 Noto Emoji (v1) icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Noto Emoji (v1)
- 作者
- Google Inc
- ライセンス
- Apache-2.0
- サイズ
- 128 × 128
- カテゴリ
- 旅行・場所
- タグ
- classicalbuilding
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#64878e" d="M14.38 54.6v41.75h98.9l-.27-41.75z"/><path fill="#8ab1b7" d="M13.47 37.41h100.54V47.6H13.47z"/><path fill="#eee" d="M11.24 34.49h104.68v2.92H11.24z"/><path fill="#bcd2d3" d="M11.88 47.59h103.63v7H11.88zm-.08 48.76h103.98c1.25 0 2.26 1.01 2.26 2.26v3.8H9.54v-3.8c0-1.24 1.01-2.26 2.26-2.26m96.71-38.73V54.6H96.95v3.02h2.07l-1.18 38.73h10.67l-1.63-38.73zm-53.77 0h1.86V54.6H45.03v3.02h1.85l-1.41 38.73h10.68zm-25.96 0h1.86V54.6H19.07v3.02h1.86l-1.41 38.73h10.67zm53.78-3.02H70.98v1.09h.01v1.93h1.85l-1.41 38.73h10.68L80.7 57.62h1.85v-1.93h.01zM8.06 32.93L62.72 6.91c.54-.26 1.18-.26 1.72 0l54.66 26.02v4.63H8.06z"/><path fill="#8ab1b7" d="M63.15 15.52L38.49 27.29c-.78.37-.51 1.54.35 1.54h49.08c.86 0 1.13-1.16.35-1.54L63.85 15.52c-.22-.1-.47-.1-.7 0M8.03 101.96h111.74c1.22 0 2.22.99 2.22 2.22v4.8H5.81v-4.8c0-1.22.99-2.22 2.22-2.22"/><path fill="#bcd2d3" d="M5.3 108.99h117.2c1.05 0 1.9.85 1.9 1.9v10.67H3.39v-10.67c0-1.05.86-1.9 1.91-1.9"/></svg>
Classical Building アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="noto-v1:classical-building" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto-v1:classical-building" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto-v1:classical-building" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto-v1--classical-building]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto-v1 -->
<div class="i-noto-v1:classical-building"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="noto-v1:classical-building"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/noto-v1/classical-building.svg" alt="Classical Building アイコン" width="24" height="24">
他のアイコンセットの Classical Building アイコン
Classical Building アイコン のよくある質問
Classical Building アイコンは商用利用でも無料ですか?
はい。Noto Emoji (v1) icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Classical Building アイコンを使うには?
@iconify/react をインストールして <Icon icon="noto-v1:classical-building" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Classical Building アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/noto-v1/classical-building.svg" alt="Classical Building アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Noto Emoji (v1) アイコン をすべて見る →
ICONYZ
