ICONYZ
العربية
أيقونة Rotate Ccw من Material Design Iconic Font

أيقونة Rotate Ccw

zmdi:rotate-ccw

أيقونة Rotate Ccw (zmdi:rotate-ccw) أيقونة SVG مجانية من مجموعة Material Design Iconic Font من تصميم MDI Community. مرسومة على شبكة 456 × 464. تُنشر Material Design Iconic Font icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Material Design Iconic Font
المؤلف
MDI Community
الترخيص
OFL-1.1
الحجم
456 × 464
الوسوم
rotateccw، rotate 90 degrees ccw
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="456" height="464" viewBox="0 0 456 464"><path fill="currentColor" d="m138 126l139 138l-139 139L0 264zM60 264l78 78l78-78l-78-78zm334-133q57 56 57 135.5T394 402q-56 56-135 56q-49 0-93-24l32-31q29 13 61 13q62 0 105.5-44T408 266.5T364.5 161T259 117v69l-91-90l91-90v69q79 0 135 56"/></svg>

كيفية استخدام أيقونة Rotate Ccw

React

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

<Icon icon="zmdi:rotate-ccw" width="24" />

Vue

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

<template>
  <Icon icon="zmdi:rotate-ccw" width="24" />
</template>

Svelte

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

<Icon icon="zmdi:rotate-ccw" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[zmdi--rotate-ccw]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/zmdi -->
<div class="i-zmdi:rotate-ccw"></div>

مكوّن ويب

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

<iconify-icon icon="zmdi:rotate-ccw"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/zmdi/rotate-ccw.svg" alt="أيقونة Rotate Ccw" width="24" height="24">

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

أيقونة Rotate Ccw في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Rotate Ccw

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

نعم. تُنشر Material Design Iconic Font icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Rotate Ccw في React؟

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

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

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

تصفح كل أيقونات Material Design Iconic Font →