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

أيقونة Octoloaderfive

whh:octoloaderfive

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

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

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M768 583V441l256-107v355zM643 280L749 24l251 251l-256 106zm-202-24L335 0h354L583 256zM280 381L24 275L275 24l106 256zm-27-244L137 253l128 53l41-41zm3 446L0 689V334l256 107zM64 430v164l128-53v-58zm317 313L275 999L24 749l256-107zM253 887l53-128l-41-41l-128 53zm330-119l106 256H335l106-256zm160-126l257 107l-251 250l-106-256z"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

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

صورة HTML

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

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

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

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

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

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

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

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

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