أيقونة City Bold
ph:city-bold
أيقونة City Bold (ph:city-bold) أيقونة SVG مجانية من مجموعة Phosphor من تصميم Phosphor Icons. مرسومة على شبكة 256 × 256. تُنشر Phosphor icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Phosphor
- المؤلف
- Phosphor Icons
- الترخيص
- MIT
- الحجم
- 256 × 256
- الوسوم
- skyline، skyscrapers، places، locations، buildings، citybold
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M240 204h-4V88a12 12 0 0 0-12-12h-72a12 12 0 0 0-12 12v36h-24V40a12 12 0 0 0-12-12H32a12 12 0 0 0-12 12v164h-4a12 12 0 0 0 0 24h224a12 12 0 0 0 0-24m-76-104h48v104h-48Zm-24 48v56h-24v-56ZM44 52h48v152H44Zm36 24v8a12 12 0 0 1-24 0v-8a12 12 0 0 1 24 0m0 48v8a12 12 0 0 1-24 0v-8a12 12 0 0 1 24 0m0 48v8a12 12 0 0 1-24 0v-8a12 12 0 0 1 24 0m96 8v-8a12 12 0 0 1 24 0v8a12 12 0 0 1-24 0m0-48v-8a12 12 0 0 1 24 0v8a12 12 0 0 1-24 0"/></svg>
كيفية استخدام أيقونة City Bold
React
import { Icon } from "@iconify/react";
<Icon icon="ph:city-bold" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ph:city-bold" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ph:city-bold" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--city-bold]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:city-bold"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ph:city-bold"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/ph/city-bold.svg" alt="أيقونة City Bold" width="24" height="24">
أيقونات ذات صلة في Phosphor
أيقونة City Bold في مجموعات أخرى
الأسئلة الشائعة حول أيقونة City Bold
هل أيقونة City Bold مجانية للاستخدام التجاري؟
نعم. تُنشر Phosphor icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة City Bold في React؟
ثبّت @iconify/react واعرض <Icon icon="ph:city-bold" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة City Bold إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/ph/city-bold.svg" alt="أيقونة City Bold">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات Phosphor →
ICONYZ
