Icono Tokyo Tower
fluent-emoji-high-contrast:tokyo-tower
El icono Tokyo Tower (fluent-emoji-high-contrast:tokyo-tower) es un icono SVG gratuito de la colección Fluent Emoji High Contrast de Microsoft Corporation. Está dibujado en una cuadrícula de 32 × 32. Fluent Emoji High Contrast icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Fluent Emoji High Contrast
- Autor
- Microsoft Corporation
- Licencia
- MIT
- Tamaño
- 32 × 32
- Categoría
- Viajes y lugares
- Etiquetas
- tokyotower
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M19.025 13.988A84 84 0 0 1 17.937 10h-3.844a88 88 0 0 1-1.182 3.978h-.236c-.262 0-.472.193-.472.434v1.76l-.076.236l-.03.092a618 618 0 0 0-.77 2.381A58 58 0 0 1 7 29h-.49c-.28 0-.51.226-.51.5s.23.5.51.5h5.98c.28 0 .51-.226.51-.5s-.23-.5-.51-.5h-.413a4.004 4.004 0 0 1 3.928-3.188A4.004 4.004 0 0 1 19.933 29h-.424c-.28 0-.509.226-.509.5s.23.5.51.5h5.98c.28 0 .51-.226.51-.5s-.23-.5-.51-.5H25a57 57 0 0 1-2.13-4.395q-.275-.634-.544-1.28a92 92 0 0 1-1.813-4.753l-.019-.054A115 115 0 0 1 20 17.074l-.01-2.652c.01-.24-.2-.434-.462-.434zm-2.275-.004v-2.535a86 86 0 0 0 .702 2.536zm-2.271-.004c.274-.864.535-1.713.771-2.541v2.543zm4.52 2.52h-5.796v-1.521l5.789.008zM13.632 18h1.617v.99zm-1.189 5.5l2.806-1.714V23.5zm4.306-1.72l2.808 1.72H16.75zM10.614 25h2.734a5.5 5.5 0 0 0-2.35 2.51h-1.55q.613-1.244 1.166-2.51m11.927 2.51h-1.549A5.52 5.52 0 0 0 18.636 25h2.76c.373.86.755 1.701 1.145 2.51m-3.344-8.135c.311.878.637 1.758.975 2.63l-2.637-1.615zm-6.45-.047l1.719 1.053l-2.636 1.61q.494-1.325.917-2.663M16.75 18h1.613l-1.613.985zm.733-10a32 32 0 0 1-.355-2h-2.222a22 22 0 0 1-.333 2zm-2.484-4H17l.003-1.007A1.02 1.02 0 0 0 16.005 2h-.01a1 1 0 0 0-1 .993z"/></svg>Cómo usar el icono Tokyo Tower
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:tokyo-tower" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:tokyo-tower" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:tokyo-tower" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--tokyo-tower]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:tokyo-tower"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:tokyo-tower"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/tokyo-tower.svg" alt="Icono Tokyo Tower" width="24" height="24">El icono Tokyo Tower en otras colecciones
Preguntas frecuentes sobre Icono Tokyo Tower
¿El icono Tokyo Tower es gratis para uso comercial?
Sí. Fluent Emoji High Contrast icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Tokyo Tower en React?
Instala @iconify/react y renderiza <Icon icon="fluent-emoji-high-contrast:tokyo-tower" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Tokyo Tower a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/tokyo-tower.svg" alt="Icono Tokyo Tower">, o pega el código SVG en línea para darle estilo con CSS.