أيقونة Mobile

vs:mobile

أيقونة Mobile (vs:mobile) أيقونة SVG مجانية من مجموعة Vesper Icons من تصميم TableCheck. مرسومة على شبكة 1472 × 1600. تُنشر Vesper Icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Vesper Icons
المؤلف: TableCheck
الترخيص: OFL-1.1
الحجم: 1472 × 1600

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1472" height="1600" viewBox="0 0 1472 1600"><path fill="currentColor" d="M864 64q40 1 68 28q27 28 28 68v1344q-1 40-28 68q-28 27-68 28H96q-40-1-68-28q-27-28-28-68V160q1-40 28-68q28-27 68-28zm-432 96q-20 0-34 14t-14 34t14 34t34 14h96q20 0 34-14t14-34t-14-34t-34-14zm96 1344q20 0 34-14t14-34t-14-34t-34-14h-96q-20 0-34 14t-14 34t14 34t34 14zm336-192V352H96v960zm458-842q150 158 150 362t-150 362q-20 18-45 18q-26 0-45-19q-20-20-20-44q0-25 20-45q112-118 112-272t-112-272q-20-20-20-45q0-24 20-44q19-19 45-19q25 0 45 18m-180 180q74 80 74 182t-74 182q-20 18-46 18t-45-19t-19-45t18-46q38-38 38-90t-38-90q-18-19-18-46q0-26 19-45t45-19t46 18"/></svg>

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

React

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

<Icon icon="vs:mobile" width="24" />

Vue

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

<template>
  <Icon icon="vs:mobile" width="24" />
</template>

Svelte

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

<Icon icon="vs:mobile" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[vs--mobile]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/vs -->
<div class="i-vs:mobile"></div>

مكوّن ويب

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

<iconify-icon icon="vs:mobile"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/vs/mobile.svg" alt="أيقونة Mobile" width="24" height="24">

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

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

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

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

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

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

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

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

تصفح كل Vesper Icons →