ICONYZ
العربية
أيقونة Pixelchest من WebHostingHub Glyphs

أيقونة Pixelchest

whh:pixelchest

أيقونة Pixelchest (whh:pixelchest) أيقونة SVG مجانية من مجموعة WebHostingHub Glyphs من تصميم WebHostingHub. مرسومة على شبكة 960 × 896. تُنشر WebHostingHub Glyphs icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
WebHostingHub Glyphs
المؤلف
WebHostingHub
الترخيص
OFL-1.1
الحجم
960 × 896
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="960" height="896" viewBox="0 0 960 896"><path fill="currentColor" d="M896 832V448H768v384H192V448H64v384H0V192h64v192h832V192h64v640zM512 448v128h-64V448h-64v192h192V448zM832 64h64v128h-64zM704 192h64v128H192V192h64V64H128V0h704v64H704zm-640 0V64h64v128zm832 704H768v-64h128zm-704 0H64v-64h128z"/></svg>

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

React

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

<Icon icon="whh:pixelchest" width="24" />

Vue

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

<template>
  <Icon icon="whh:pixelchest" width="24" />
</template>

Svelte

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

<Icon icon="whh:pixelchest" width="24" />

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="whh:pixelchest"></iconify-icon>

صورة HTML

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

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

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

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

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

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

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

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

تصفح كل أيقونات WebHostingHub Glyphs →