ICONYZ
العربية
أيقونة Hoplon من File Icons

أيقونة Hoplon

file-icons:hoplon

أيقونة Hoplon (file-icons:hoplon) أيقونة SVG مجانية من مجموعة File Icons من تصميم John Gardner. مرسومة على شبكة 512 × 512. تُنشر File Icons بموجب ترخيص ISC، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
File Icons
المؤلف
John Gardner
الترخيص
ISC
الحجم
512 × 512
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M356.731 487.79H155.27c-19.4 0-37.416-10.472-47.017-27.33L7.055 282.777c-9.407-16.517-9.407-37.038 0-53.554L108.253 51.539c9.6-16.858 27.616-27.33 47.016-27.33H356.73c19.399 0 37.415 10.472 47.017 27.33l101.196 177.684c9.408 16.516 9.408 37.037 0 53.555L403.748 460.46c-9.602 16.859-27.617 27.33-47.017 27.33M155.27 53.06a25.31 25.31 0 0 0-21.948 12.757L32.124 243.5c-4.391 7.71-4.391 17.29 0 25l101.197 177.683a25.31 25.31 0 0 0 21.948 12.758H356.73a25.31 25.31 0 0 0 21.948-12.758L479.876 268.5c4.392-7.71 4.392-17.29 0-25L378.679 65.817a25.31 25.31 0 0 0-21.948-12.757zm31.282 80.96l31.29 54.348l-76.683 135.15l31.351 55.5c5.735 5.747 10.887 3.628 15.676-3.39l61.431-107.61c4.59-4.929 8.965-4.848 13.134 0l60.16 105.068c5.266 11.519 13.699 10.26 16.947 5.508l31.553-56.511L256.119 121.7h-62.334c-6.913.508-9.339 5.405-7.234 12.32"/></svg>

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

React

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

<Icon icon="file-icons:hoplon" width="24" />

Vue

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

<template>
  <Icon icon="file-icons:hoplon" width="24" />
</template>

Svelte

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

<Icon icon="file-icons:hoplon" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--hoplon]"></span>

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="file-icons:hoplon"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/file-icons/hoplon.svg" alt="أيقونة Hoplon" width="24" height="24">

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

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

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

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

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

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

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

تصفح كل File Icons →