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

أيقونة Passport Cancel

mdi:passport-cancel

أيقونة Passport Cancel (mdi:passport-cancel) أيقونة 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
الوسوم
passportcancel
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M6 2c-.53 0-1.04.21-1.41.59C4.21 2.96 4 3.47 4 4v16c0 .53.21 1.04.59 1.41c.37.38.88.59 1.41.59h7c-.54-.88-.9-1.9-1-3H7v-2h5.17c.19-.77.5-1.5.93-2.12a5.04 5.04 0 0 1-4.64-1.34A5.04 5.04 0 0 1 7 10c0-1.33.53-2.6 1.46-3.54C9.4 5.53 10.67 5 12 5s2.6.53 3.54 1.46C16.47 7.4 17 8.67 17 10c0 .82-.2 1.63-.58 2.34c.65-.22 1.35-.34 2.08-.34c.5 0 1 .06 1.5.17V4c0-.53-.21-1.04-.59-1.41C19.04 2.21 18.53 2 18 2zm6 4c-.41.62-.75 1.29-.96 2h1.92A7.2 7.2 0 0 0 12 6m-1.3.22C9.78 6.53 9 7.17 8.54 8H10c.18-.62.4-1.22.7-1.78m2.59 0c.3.56.53 1.16.71 1.78h1.46c-.46-.83-1.25-1.46-2.17-1.78M8.13 9c-.08.32-.13.65-.13 1s.05.68.13 1h1.69c-.04-.33-.07-.66-.07-1s.03-.67.07-1zm2.7 0c-.05.32-.08.66-.08 1s.03.67.08 1h2.34c.04-.33.08-.66.08-1s-.04-.68-.08-1zm3.35 0c.04.33.07.66.07 1s-.03.67-.07 1h1.69c.08-.32.13-.65.13-1s-.05-.68-.13-1zm-5.64 3c.46.83 1.24 1.46 2.16 1.78c-.3-.56-.52-1.15-.7-1.78zm2.5 0c.21.72.55 1.38.96 2c.42-.62.75-1.28.96-2zM14 12c-.18.63-.41 1.22-.71 1.78c.92-.32 1.71-.95 2.17-1.78zm4.5 11c2.5 0 4.5-2 4.5-4.5S21 14 18.5 14S14 16 14 18.5s2 4.5 4.5 4.5m-2.58-6L20 21.09c-.42.26-.94.41-1.5.41c-1.66 0-3-1.34-3-3c0-.56.15-1.08.42-1.5m5.58 1.5c0 .56-.15 1.08-.41 1.5L17 15.92c.42-.27.94-.42 1.5-.42c1.66 0 3 1.34 3 3"/></svg>

كيفية استخدام أيقونة Passport Cancel

React

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

<Icon icon="mdi:passport-cancel" width="24" />

Vue

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

<template>
  <Icon icon="mdi:passport-cancel" width="24" />
</template>

Svelte

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

<Icon icon="mdi:passport-cancel" width="24" />

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="mdi:passport-cancel"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/mdi/passport-cancel.svg" alt="أيقونة Passport Cancel" width="24" height="24">

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

أيقونة passport
passport
 أيقونة passport-alert
passport-alert
 أيقونة passport-biometric
passport-biometric
 أيقونة passport-check
passport-check
 أيقونة passport-minus
passport-minus
 أيقونة passport-plus
passport-plus
 أيقونة passport-remove
passport-remove

الأسئلة الشائعة حول أيقونة Passport Cancel

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

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

كيف أستخدم أيقونة Passport Cancel في React؟

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

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

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

تصفح كل Material Design Icons →