ICONYZ
العربية
أيقونة Processing Cancel من Fluent UI MDL2

أيقونة Processing Cancel

fluent-mdl2:processing-cancel

أيقونة Processing Cancel (fluent-mdl2:processing-cancel) أيقونة SVG مجانية من مجموعة Fluent UI MDL2 من تصميم Microsoft Corporation. مرسومة على شبكة 2048 × 2048. تُنشر Fluent UI MDL2 icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Fluent UI MDL2
المؤلف
Microsoft Corporation
الترخيص
MIT
الحجم
2048 × 2048
الوسوم
processingcancel
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M1546 1014q-46 0-86-10l-51 124l-118-49l51-124q-74-47-121-121l-124 51l-49-118l124-51q-10-40-10-86t10-86l-124-51l49-118l124 51q47-74 121-121l-51-123l118-49l51 123q40-10 86-10t86 10l51-123l118 49l-51 123q74 47 121 121l124-51l48 118l-123 51q10 40 10 86t-10 86l123 51l-48 118l-124-51q-47 74-121 121l51 124l-118 49l-51-124q-40 10-86 10m0-640q-53 0-99 20t-82 55t-55 81t-20 100q0 53 20 99t55 82t81 55t100 20q53 0 99-20t82-55t55-81t20-100q0-53-20-99t-55-82t-81-55t-100-20m-438 674l49 119l-137 56q14 56 14 111t-14 111l137 57l-49 118l-137-57q-30 51-68 88t-88 69l57 137l-119 48l-56-137q-56 14-111 14t-111-14l-57 137l-118-48l57-137q-51-32-88-69t-69-88l-137 57l-48-118l137-57q-14-56-14-111t14-111l-137-56l48-119l137 57q32-50 69-88t88-68l-57-137l118-49l57 137q56-14 111-14t111 14l56-137l119 49l-57 137q97 59 156 156zm-522 606q66 0 124-25t101-68t69-102t26-125t-25-124t-69-101t-102-69t-124-26t-124 25t-102 69t-69 102t-25 124t25 124t68 102t102 69t125 25m1459-153l-226 227l226 227l-90 90l-227-227l-227 227l-90-90l227-227l-227-227l90-90l227 227l227-227z"/></svg>

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

React

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

<Icon icon="fluent-mdl2:processing-cancel" width="24" />

Vue

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

<template>
  <Icon icon="fluent-mdl2:processing-cancel" width="24" />
</template>

Svelte

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

<Icon icon="fluent-mdl2:processing-cancel" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--processing-cancel]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:processing-cancel"></div>

مكوّن ويب

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

<iconify-icon icon="fluent-mdl2:processing-cancel"></iconify-icon>

صورة HTML

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

أيقونات ذات صلة في Fluent UI MDL2

أيقونة processing
processing
 أيقونة processing-pause
processing-pause
 أيقونة processing-run
processing-run

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

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

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

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

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

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

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

تصفح كل أيقونات Fluent UI MDL2 →