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

أيقونة Smartphone Lock

zmdi:smartphone-lock

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

المجموعة
Material Design Iconic Font
المؤلف
MDI Community
الترخيص
OFL-1.1
الحجم
368 × 480
الوسوم
smartphonelock
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="368" height="480" viewBox="0 0 368 480"><path fill="currentColor" d="M320 5q18 0 30.5 12.5T363 48v384q0 18-12.5 30.5T320 475H107q-18 0-30.5-12.5T64 432v-64h43v43h213V69H107v43H64V48q0-18 12.5-30.5T107 5zM145 219q10 0 18 8t8 19v75q0 10-8.5 18t-19.5 8H26q-10 0-18-8.5T0 319v-75q0-9 8-17t18-8v-32q0-22 18-38t41-16t41.5 16t18.5 38zm-28 0v-32q0-13-9-20.5T85.5 159t-23 7.5T53 187v32z"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="zmdi:smartphone-lock"></iconify-icon>

صورة HTML

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

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

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

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

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

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

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

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

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

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

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