أيقونة Screen Rotation Lock

zmdi:screen-rotation-lock

أيقونة Screen Rotation Lock (zmdi:screen-rotation-lock) أيقونة SVG مجانية من مجموعة Material Design Iconic Font من تصميم MDI Community. مرسومة على شبكة 488 × 496. تُنشر Material Design Iconic Font icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Material Design Iconic Font
المؤلف: MDI Community
الترخيص: OFL-1.1
الحجم: 488 × 496
الوسوم: screenrotation، rotationlock، screenrotationlock

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="488" height="496" viewBox="0 0 488 496"><path fill="currentColor" d="M475 272q9 10 9 23t-9 23L339 453q-9 10-22.5 10T294 453L37 197q-9-9-9-22.5t9-22.5L173 16q9-9 22.5-9t22.5 9l53 52l-31 30l-44-44L75 174l241 242l121-121l-47-47l30-30zM159 437l29-28l81 81l-14 1q-100 0-173.5-68T0 256h32q6 60 40 108t87 73m161-245q-9 0-15-6.5t-6-14.5V85q0-8 6-14.5t15-6.5V53q0-22 15.5-37.5T373 0t38 15.5T427 53v11q8 0 14.5 6.5T448 85v86q0 8-6.5 14.5T427 192zm17-139v11h73V53q0-15-11-25.5T373 17t-25.5 10.5T337 53"/></svg>

كيفية استخدام أيقونة Screen Rotation Lock

React

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

<Icon icon="zmdi:screen-rotation-lock" width="24" />

Vue

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

<template>
  <Icon icon="zmdi:screen-rotation-lock" width="24" />
</template>

Svelte

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

<Icon icon="zmdi:screen-rotation-lock" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[zmdi--screen-rotation-lock]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/zmdi -->
<div class="i-zmdi:screen-rotation-lock"></div>

مكوّن ويب

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

<iconify-icon icon="zmdi:screen-rotation-lock"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/zmdi/screen-rotation-lock.svg" alt="أيقونة Screen Rotation Lock" width="24" height="24">

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

أيقونة Screen Rotation Lock في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Screen Rotation Lock

هل أيقونة Screen Rotation Lock مجانية للاستخدام التجاري؟

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

كيف أستخدم أيقونة Screen Rotation Lock في React؟

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

كيف أضيف أيقونة Screen Rotation Lock إلى صفحة ويب؟

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

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