Tokyo Tower アイコン

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

はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

openmoji:tokyo-tower

Tokyo Tower アイコン(openmoji:tokyo-tower)は、OpenMoji セットの無料 SVG アイコンです。 72 × 72 のグリッドで描かれています。 OpenMoji icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: OpenMoji
作者: OpenMoji
ライセンス: CC-BY-SA-4.0
サイズ: 72 × 72
カテゴリ: 旅行・場所
タグ: tokyotower

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#d22f27" d="M36.118 7h.999v9.498h-.999z"/><path fill="#ea5a47" d="M35.068 7h1.05v9.498h-1.05z"/><path fill="#d0cfce" d="M41.824 22.646h-5.682v-4.252h4.918z"/><path fill="#ea5a47" d="m36.16 48.84l-.018 2.607s-3.098.077-5.355 3.693a14.1 14.1 0 0 0-1.615 6.582l-10.541-.245s6.835-3.138 8.883-6.754a51 51 0 0 0 2.52-5.712"/><path fill="#d22f27" d="m36.121 49.178l-.003 2.27s3.098.076 5.355 3.692a14.1 14.1 0 0 1 1.615 6.582l10.54-.245s-6.834-3.138-8.882-6.754a49 49 0 0 1-2.398-5.397"/><path fill="#b1cc33" d="M5.96 63.413h30.041V66H5.96z"/><path fill="#5c9e31" d="M36 63.413h30.041V66H36z"/><path fill="#ea5a47" d="M36.111 42.5H30.13l2.673-18.413l3.308.109z"/><path fill="#d22f27" d="M40.931 42.5h-4.82V24.196h4.232z"/><path fill="#d0cfce" d="M43.031 47.984h-6.853v-4.077h7.862z"/><g fill="none" stroke="#000" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M27.44 43.196h17.12l-1.041 5.5H28.385zM5.019 62.5h61.962V67H5.019z"/><path stroke-miterlimit="10" d="M29.786 62c0-5.314 2.845-9.622 6.356-9.622s6.356 4.308 6.356 9.622"/><path stroke-linecap="round" stroke-linejoin="round" d="M42.878 49.5a17 17 0 0 0 3.03 5.827A25.6 25.6 0 0 0 54.569 62M40.255 34.591c-.1-.929-.255-2.521-.36-4.527c-.176-3.41-.1-6.118-.084-6.14a104 104 0 0 0 1.61 19.158m-12.589 6.243a17.9 17.9 0 0 1-3.364 7.002a18.54 18.54 0 0 1-7.691 5.537m14.17-27.273c.1-.929.255-2.521.359-4.527c.177-3.41.1-6.118.085-6.14a104 104 0 0 1-1.61 19.158M36.182 17.5h-5.437l-.543 5.886h11.96l-.543-5.886zm-1.738-.5V6h3.348v11"/></g></svg>

Tokyo Tower アイコンの使い方

React

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

<Icon icon="openmoji:tokyo-tower" width="24" />

Vue

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

<template>
  <Icon icon="openmoji:tokyo-tower" width="24" />
</template>

Svelte

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

<Icon icon="openmoji:tokyo-tower" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--tokyo-tower]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:tokyo-tower"></div>

Web コンポーネント

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

<iconify-icon icon="openmoji:tokyo-tower"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/openmoji/tokyo-tower.svg" alt="Tokyo Tower アイコン" width="24" height="24">

他のアイコンセットの Tokyo Tower アイコン

Tokyo Tower アイコンのよくある質問

Tokyo Tower アイコンは商用利用でも無料ですか?

はい。OpenMoji icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

React で Tokyo Tower アイコンを使うには?

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

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

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

OpenMoji アイコンをすべて見る →