ICONYZ
العربية
أيقونة Tokyo Tower من Fluent Emoji High Contrast

أيقونة Tokyo Tower

fluent-emoji-high-contrast:tokyo-tower

أيقونة Tokyo Tower (fluent-emoji-high-contrast:tokyo-tower) أيقونة SVG مجانية من مجموعة Fluent Emoji High Contrast من تصميم Microsoft Corporation. مرسومة على شبكة 32 × 32. تُنشر Fluent Emoji High Contrast icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Fluent Emoji High Contrast
المؤلف
Microsoft Corporation
الترخيص
MIT
الحجم
32 × 32
الفئة
السفر والأماكن
الوسوم
tokyotower
تنزيل SVG

شيفرة 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>

كيفية استخدام أيقونة 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>

مكوّن ويب

<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>

صورة HTML

<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/tokyo-tower.svg" alt="أيقونة Tokyo Tower" width="24" height="24">

أيقونة Tokyo Tower في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Tokyo Tower

هل أيقونة Tokyo Tower مجانية للاستخدام التجاري؟

نعم. تُنشر Fluent Emoji High Contrast icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Tokyo Tower في React؟

ثبّت @iconify/react واعرض <Icon icon="fluent-emoji-high-contrast:tokyo-tower" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة Tokyo Tower إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/tokyo-tower.svg" alt="أيقونة Tokyo Tower">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل أيقونات Fluent Emoji High Contrast →