أيقونة Screen Rotation
zmdi:screen-rotation
أيقونة Screen Rotation (zmdi:screen-rotation) أيقونة SVG مجانية من مجموعة Material Design Iconic Font من تصميم MDI Community. مرسومة على شبكة 512 × 512. تُنشر Material Design Iconic Font icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Material Design Iconic Font
- المؤلف
- MDI Community
- الترخيص
- OFL-1.1
- الحجم
- 512 × 512
- الوسوم
- screenrotation
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="m351 54l-29 28l-81-81l14-1q100 0 173.5 68T510 235h-32q-6-60-40.5-108T351 54M217 37l257 257q9 9 9 22.5t-9 22.5L338 475q-9 9-22.5 9t-22.5-9L36 218q-9-9-9-22.5t9-22.5L172 37q9-9 22.5-9t22.5 9m98 415l136-136L195 60L59 196zm-156 6l29-28l81 81l-14 1q-100 0-173.5-68T0 277h32q6 60 40 108t87 73"/></svg>
كيفية استخدام أيقونة Screen Rotation
React
import { Icon } from "@iconify/react";
<Icon icon="zmdi:screen-rotation" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="zmdi:screen-rotation" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="zmdi:screen-rotation" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[zmdi--screen-rotation]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/zmdi -->
<div class="i-zmdi:screen-rotation"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="zmdi:screen-rotation"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/zmdi/screen-rotation.svg" alt="أيقونة Screen Rotation" width="24" height="24">
أيقونات ذات صلة في Material Design Iconic Font
أيقونة Screen Rotation في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Screen Rotation
هل أيقونة Screen Rotation مجانية للاستخدام التجاري؟
نعم. تُنشر Material Design Iconic Font icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Screen Rotation في React؟
ثبّت @iconify/react واعرض <Icon icon="zmdi:screen-rotation" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Screen Rotation إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/zmdi/screen-rotation.svg" alt="أيقونة Screen Rotation">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات Material Design Iconic Font →
ICONYZ
