أيقونة Locked Door

game-icons:locked-door

أيقونة Locked Door (game-icons:locked-door) أيقونة SVG مجانية من مجموعة Game Icons من تصميم GameIcons. مرسومة على شبكة 512 × 512. تُنشر Game Icons بموجب ترخيص CC BY 3.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Game Icons
المؤلف: GameIcons
الترخيص: CC-BY-3.0
الحجم: 512 × 512
الوسوم: lockeddoor

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M105 41v398h302v-62H247V231h32v-55c0-38 36.5-57 73-57c20.5 0 41 6 55 18V41zm247 96c-27.5 0-55 13-55 39v55h110v-55c0-26-27.5-39-55-39m-192 78c18.1 0 33 14.9 33 33s-14.9 33-33 33s-33-14.9-33-33s14.9-33 33-33m0 18c-8.4 0-15 6.6-15 15s6.6 15 15 15s15-6.6 15-15s-6.6-15-15-15m105 16v110h174V249zm87 23a16 16 0 0 1 16 16a16 16 0 0 1-10.9 15.2L368 336h-32l10.9-32.8A16 16 0 0 1 336 288a16 16 0 0 1 16-16M73 457v30h366v-30z"/></svg>

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

React

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

<Icon icon="game-icons:locked-door" width="24" />

Vue

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

<template>
  <Icon icon="game-icons:locked-door" width="24" />
</template>

Svelte

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

<Icon icon="game-icons:locked-door" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--locked-door]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:locked-door"></div>

مكوّن ويب

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

<iconify-icon icon="game-icons:locked-door"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/game-icons/locked-door.svg" alt="أيقونة Locked Door" width="24" height="24">

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

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

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

نعم. تُنشر Game Icons بموجب ترخيص CC BY 3.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه.

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

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

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

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

تصفح كل Game Icons →