Tokyo Tower icon
openmoji:tokyo-tower
The Tokyo Tower icon (openmoji:tokyo-tower) is a free SVG icon from the OpenMoji set. It is drawn on a 72 × 72 grid. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- OpenMoji
- Author
- OpenMoji
- License
- CC-BY-SA-4.0
- Size
- 72 × 72
- Category
- Travel Places
- Tags
- tokyotower
SVG code
<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>How to use the Tokyo Tower icon
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 component
<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 image
<img src="https://iconyz.com/api/public/svg/openmoji/tokyo-tower.svg" alt="Tokyo Tower icon" width="24" height="24">Tokyo Tower icon in other icon sets
Tokyo Tower icon FAQ
Is the Tokyo Tower icon free for commercial use?
Yes. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license.
How do I use the Tokyo Tower icon in React?
Install @iconify/react and render <Icon icon="openmoji:tokyo-tower" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Tokyo Tower icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/openmoji/tokyo-tower.svg" alt="Tokyo Tower icon">, or paste the SVG code inline to style it with CSS.