ICONYZ
العربية
أيقونة Image Frame من Majesticons

أيقونة Image Frame

majesticons:image-frame

أيقونة Image Frame (majesticons:image-frame) أيقونة SVG مجانية من مجموعة Majesticons من تصميم Gerrit Halfmann. مرسومة على شبكة 24 × 24. تُنشر Majesticons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Majesticons
المؤلف
Gerrit Halfmann
الترخيص
MIT
الحجم
24 × 24
الوسوم
imageframe
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12.707 4.121a1 1 0 0 0-1.414 0L10.414 5h3.172zm3.66.879a1 1 0 0 0-.16-.207l-2.086-2.086a3 3 0 0 0-4.242 0L7.793 4.793a1 1 0 0 0-.16.207H5a3 3 0 0 0-3 3v6.5q0 .13.031.25q-.03.12-.031.25v3a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3v-5a1 1 0 0 0-.032-.25A1 1 0 0 0 22 12.5V8a3 3 0 0 0-3-3h-2.634zM20 11.986V8a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v6.016A1 1 0 0 0 5 15c2.689 0 4.861.353 6.585.87c2.34.702 3.853 1.708 4.717 2.551a1 1 0 1 0 1.396-1.431c-1.12-1.094-2.925-2.252-5.539-3.036a20 20 0 0 0-.773-.215c1.176-.573 2.472-.967 3.737-1.235A25 25 0 0 1 20 11.986M5.978 8.488A2.67 2.67 0 0 1 7.5 8c.41 0 1.003.115 1.522.488c.57.41.978 1.086.978 2.012s-.408 1.601-.978 2.011A2.67 2.67 0 0 1 7.5 13c-.41 0-1.003-.115-1.522-.489C5.408 12.101 5 11.427 5 10.5c0-.926.408-1.601.978-2.012" clip-rule="evenodd"/></svg>

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

React

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

<Icon icon="majesticons:image-frame" width="24" />

Vue

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

<template>
  <Icon icon="majesticons:image-frame" width="24" />
</template>

Svelte

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

<Icon icon="majesticons:image-frame" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[majesticons--image-frame]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/majesticons -->
<div class="i-majesticons:image-frame"></div>

مكوّن ويب

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

<iconify-icon icon="majesticons:image-frame"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/majesticons/image-frame.svg" alt="أيقونة Image Frame" width="24" height="24">

أيقونات ذات صلة في Majesticons

أيقونة image
image
 أيقونة image-circle
image-circle
 أيقونة image-circle-line
image-circle-line
 أيقونة image-circle-off
image-circle-off
 أيقونة image-circle-off-line
image-circle-off-line
 أيقونة image-circle-plus
image-circle-plus
 أيقونة image-circle-plus-line
image-circle-plus-line
 أيقونة image-circle-story
image-circle-story
 أيقونة image-circle-story-line
image-circle-story-line
 أيقونة image-frame-line
image-frame-line
 أيقونة image-in-picture
image-in-picture
 أيقونة image-in-picture-line
image-in-picture-line
 أيقونة image-line
image-line
 أيقونة image-multiple
image-multiple
 أيقونة image-multiple-line
image-multiple-line
 أيقونة image-off
image-off
 أيقونة image-off-line
image-off-line
 أيقونة image-photography
image-photography
 أيقونة image-photography-line
image-photography-line
 أيقونة image-plus
image-plus
 أيقونة image-plus-line
image-plus-line

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

أيقونة Image Frame من Material Design Icons
Material Design Icons

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

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

نعم. تُنشر Majesticons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

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

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

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

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

تصفح كل Majesticons →