أيقونة Treasure Chest Bold
ph:treasure-chest-bold
أيقونة Treasure Chest Bold (ph:treasure-chest-bold) أيقونة SVG مجانية من مجموعة Phosphor من تصميم Phosphor Icons. مرسومة على شبكة 256 × 256. تُنشر Phosphor icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Phosphor
- المؤلف
- Phosphor Icons
- الترخيص
- MIT
- الحجم
- 256 × 256
- الوسوم
- loot، lootbox، inventory، rewards، gaming، pirate، treasurechest، chestbold، treasurechestbold
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M184 36H72a60.07 60.07 0 0 0-60 60v96a20 20 0 0 0 20 20h192a20 20 0 0 0 20-20V96a60.07 60.07 0 0 0-60-60m36 60v4h-28V60.91A36.05 36.05 0 0 1 220 96m-92 60a12 12 0 0 0 12-12v-20h28v64H88v-64h28v20a12 12 0 0 0 12 12m12-56v-4a12 12 0 0 0-24 0v4H88V60h80v40ZM64 60.91V100H36v-4a36.05 36.05 0 0 1 28-35.09M36 124h28v64H36Zm156 64v-64h28v64Z"/></svg>
كيفية استخدام أيقونة Treasure Chest Bold
React
import { Icon } from "@iconify/react";
<Icon icon="ph:treasure-chest-bold" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ph:treasure-chest-bold" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ph:treasure-chest-bold" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--treasure-chest-bold]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:treasure-chest-bold"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ph:treasure-chest-bold"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/ph/treasure-chest-bold.svg" alt="أيقونة Treasure Chest Bold" width="24" height="24">
أيقونات ذات صلة في Phosphor
أيقونة Treasure Chest Bold في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Treasure Chest Bold
هل أيقونة Treasure Chest Bold مجانية للاستخدام التجاري؟
نعم. تُنشر Phosphor icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Treasure Chest Bold في React؟
ثبّت @iconify/react واعرض <Icon icon="ph:treasure-chest-bold" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Treasure Chest Bold إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/ph/treasure-chest-bold.svg" alt="أيقونة Treasure Chest Bold">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات Phosphor →
ICONYZ
