Tokyo Tower アイコン
noto-v1:tokyo-tower
Tokyo Tower アイコン(noto-v1:tokyo-tower)は、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
- カテゴリ
- 旅行・場所
- タグ
- tokyotower
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#ed6c30" d="M102.05 125.22c-.17-.16-17.74-15.98-24.61-33.19c-1.27-3.19-2.27-6.6-3.08-9.94c2.74-1.06 3.28-2.93 3.61-4.08c.99-3.45-.24-6.64-2.94-7.58c-.68-.24-1.69-.41-3.06-.54c-1.51-9.33-2.36-16.66-2.71-23.53c-.26-4.79-.46-14.47-.46-14.57l-.04-1.53l-2.07-.03l-.81-28.04c-.02-.86-.73-1.54-1.59-1.54s-1.56.68-1.59 1.54l-.8 28.04l-2.66.05l-.04 1.53c0 .1-.22 9.78-.46 14.57c-.36 6.85-1.2 14.16-2.71 23.47c-2.13.16-3.55.5-4.44 1.28c-1.29 1.12-1.91 2.56-1.89 4.4c.02 2.44 1.09 4.94 2.65 6.23c.28.24.73.42 1.24.6c-.8 3.26-1.78 6.57-3.02 9.69c-6.86 17.21-24.43 33.03-24.61 33.19l-3.1 2.78h14.89l.48-.57c.07-.08 6.82-8.12 10.54-10.7c1.64-1.13 3.47-1.76 5.16-1.76c2.61 0 5.4 1.56 5.42 5.94c.02 2.95-.11 5.39-.11 5.41l-.1 1.66h9.72l-.09-1.68c0-.02-.13-2.47-.12-5.41c.03-4.38 2.82-5.94 5.43-5.94c1.69 0 3.52.62 5.16 1.76c3.72 2.58 10.47 10.62 10.54 10.7l.47.57h14.9z"/><path fill="#fff" d="M54 73.96c.23-.15.73-.25 1.39-.33q.705-.075 1.62-.12c.52-.02 1.06-.04 1.64-.05c1.13-.02 2.31-.02 3.36-.02l3.53-.01c1.54 0 2.8.02 3.83.06c.63.01 1.16.04 1.63.08c.67.04 1.22.1 1.62.15c.62.08.98.17 1.19.24c.55.19 1.06 1.35.57 3.06c-.2.7-.31 1.07-.86 1.38c-.16.09-.35.18-.6.27c-.24.09-.55.17-.9.25c-.45.11-.98.2-1.59.29c-1.82.25-4.25.4-6.92.4c-2.46 0-4.49-.12-6-.26c-.64-.07-1.17-.13-1.61-.2c-.62-.1-1.04-.19-1.2-.27c-.09-.07-.18-.2-.27-.31c-.53-.65-1.02-1.82-1.03-3.07c.01-.95.3-1.29.6-1.54m7.35-20.1h.86c1.32 0 2.47.01 2.93.02h.29c.38 0 .8-.04 1.21-.07c.2 2.08.44 4.24.73 6.5c-.68-.01-1.35-.02-1.99 0c-1.59.05-3.18.08-4.77.08c.3-2.28.55-4.45.74-6.53m.96-19.23c.01-.45.03-.86.03-1.22l1.63-.03l1.69.03c.01.44.02.98.04 1.57c.05 1.9.12 4.39.2 6.79c-.64 0-1.32-.01-2.13-.05c-.54-.02-1.1-.05-1.66-.07c.08-2.5.16-5.12.2-7.02"/></svg>
Tokyo Tower アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="noto-v1:tokyo-tower" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto-v1:tokyo-tower" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto-v1:tokyo-tower" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto-v1--tokyo-tower]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto-v1 -->
<div class="i-noto-v1:tokyo-tower"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="noto-v1:tokyo-tower"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/noto-v1/tokyo-tower.svg" alt="Tokyo Tower アイコン" width="24" height="24">
他のアイコンセットの Tokyo Tower アイコン
Tokyo Tower アイコン のよくある質問
Tokyo Tower アイコンは商用利用でも無料ですか?
はい。Noto Emoji (v1) icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Tokyo Tower アイコンを使うには?
@iconify/react をインストールして <Icon icon="noto-v1:tokyo-tower" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Tokyo Tower アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/noto-v1/tokyo-tower.svg" alt="Tokyo Tower アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Noto Emoji (v1) アイコン をすべて見る →
ICONYZ
