ICONYZ
العربية
أيقونة City Switch من Material Design Icons

أيقونة City Switch

mdi:city-switch

أيقونة City Switch (mdi:city-switch) أيقونة SVG مجانية من مجموعة Material Design Icons من تصميم Pictogrammers. مرسومة على شبكة 24 × 24. تُنشر Material Design Icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Material Design Icons
المؤلف
Pictogrammers
الترخيص
Apache-2.0
الحجم
24 × 24
الفئة
الأماكن
الوسوم
city swap، places، cityswitch
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M21 15V9h-6V3l-3-3l-3 3v2H3v10zm-2-2h-2v-2h2zm-8-8V3h2v2zm0 4V7h2v2zm0 4v-2h2v2zM7 9H5V7h2zm0 4H5v-2h2zm2 4v2h6v-2l3 3l-3 3v-2H9v2l-3-3z"/></svg>

كيفية استخدام أيقونة City Switch

React

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

<Icon icon="mdi:city-switch" width="24" />

Vue

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

<template>
  <Icon icon="mdi:city-switch" width="24" />
</template>

Svelte

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

<Icon icon="mdi:city-switch" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[mdi--city-switch]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/mdi -->
<div class="i-mdi:city-switch"></div>

مكوّن ويب

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

<iconify-icon icon="mdi:city-switch"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/mdi/city-switch.svg" alt="أيقونة City Switch" width="24" height="24">

أيقونات ذات صلة في Material Design Icons

أيقونة city
city
 أيقونة city-variant
city-variant
 أيقونة city-variant-outline
city-variant-outline

الأسئلة الشائعة حول أيقونة City Switch

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

نعم. تُنشر Material Design Icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة City Switch في React؟

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

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

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/mdi/city-switch.svg" alt="أيقونة City Switch">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل Material Design Icons →