ICONYZ
العربية
أيقونة Mapping Show من Carbon

أيقونة Mapping Show

carbon:mapping-show

أيقونة Mapping Show (carbon:mapping-show) أيقونة SVG مجانية من مجموعة Carbon من تصميم IBM. مرسومة على شبكة 32 × 32. تُنشر Carbon icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Carbon
المؤلف
IBM
الترخيص
Apache-2.0
الحجم
32 × 32
الفئة
التنظيم
الوسوم
mappingshow
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M30 4v4c0 1.1-.9 2-2 2h-4c-1.1 0-2-.9-2-2V7h-2l-6.2 12.8c-.2.7-1 1.2-1.8 1.2h-2v1c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2v-4c0-1.1.9-2 2-2h4c1.1 0 2 .9 2 2v1h2l5.8-12H10v1c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h4c1.1 0 2 .9 2 2v1h12V4c0-1.1.9-2 2-2h4c1.1 0 2 .9 2 2M8 4H4v4h4zm0 14H4v4h4zM28 4h-4v4h4zm-6 18c-1.103 0-2 .898-2 2s.897 2 2 2s2-.897 2-2s-.897-2-2-2m7.777 1.479C28.354 20.149 25.3 18 22 18s-6.354 2.15-7.777 5.479L14 24l.223.522C15.646 27.85 18.7 30 22 30s6.354-2.15 7.777-5.478L30 24zM22 28c-2.206 0-4-1.794-4-4s1.794-4 4-4s4 1.794 4 4s-1.794 4-4 4"/></svg>

كيفية استخدام أيقونة Mapping Show

React

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

<Icon icon="carbon:mapping-show" width="24" />

Vue

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

<template>
  <Icon icon="carbon:mapping-show" width="24" />
</template>

Svelte

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

<Icon icon="carbon:mapping-show" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[carbon--mapping-show]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/carbon -->
<div class="i-carbon:mapping-show"></div>

مكوّن ويب

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

<iconify-icon icon="carbon:mapping-show"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/carbon/mapping-show.svg" alt="أيقونة Mapping Show" width="24" height="24">

أيقونات ذات صلة في Carbon

أيقونة mapping-clear
mapping-clear
 أيقونة mapping-hide
mapping-hide

الأسئلة الشائعة حول أيقونة Mapping Show

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

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

كيف أستخدم أيقونة Mapping Show في React؟

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

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

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

تصفح كل أيقونات Carbon →