ICONYZ
العربية
أيقونة Fusebox من Material Icon Theme

أيقونة Fusebox

material-icon-theme:fusebox

أيقونة Fusebox (material-icon-theme:fusebox) أيقونة SVG مجانية من مجموعة Material Icon Theme من تصميم Material Extensions. مرسومة على شبكة 153 × 160. تُنشر Material Icon Theme icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Material Icon Theme
المؤلف
Material Extensions
الترخيص
MIT
الحجم
153 × 160
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="153" height="160" viewBox="0 0 153 160"><path fill="#fafafa" d="m76.995 12.087l64.783 21.76l-6.72 76.61l-57.094 37.236l-60.916-38.345l-4.975-75.178z"/><path fill="#424242" d="m77.982 149.831l-62.688-39.444l-5.124-77.518l66.817-22.694l66.729 22.406l-6.93 78.906zM18.794 108.31l59.153 37.235l55.382-36.127l6.52-74.306l-62.845-21.105l-63.028 21.437z"/><path fill="#0277bd" d="M76.856 140.055V64.012l58.42-26.028l-5.229 68.754z"/><path fill="#424242" d="M76.856 140.055L24.179 107.42l-5.603-69.487l58.28 26.08z"/><path fill="#fafafa" d="m32.498 56.2l.47 13.905L65.57 85.973l.105 12.822l-32.296-15.894l1.432 32.383l-12.71-7.856l-4.407-70.308l59.17 26.901v13.494z"/><path fill="#fafafa" d="M128.799 89.404c-.07 11.451-5.525 23.209-14.638 28.908l-37.358 24.38V64.038L113.7 47.594c4.504-2.103 8.3-1.248 10.823 2.715c1.658 2.618 2.523 6.31 2.496 10.657a31.15 31.15 0 0 1-3.954 15.546c3.745 1.745 5.814 5.717 5.735 12.892zm-11.268-23.576c0-4.05-1.746-6.049-4.295-4.757L87.923 73.71l-.07 15.022l25.697-13.608c2.182-1.152 3.98-5.159 3.98-9.296zm1.876 28.14c0-4.983-2.112-7.192-5.717-5.175l-25.836 14.463v17.09l25.61-15.24c3.866-2.304 5.926-6.345 5.943-11.137z"/><path fill="#424242" d="m76.856 17.874l-58.21 20.031l95.812 2.078l-73.337 8.039l35.735 15.99l18.12-8.073l-24.204-1.196l43.45-7.385l21.054-9.374z"/></svg>

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

React

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

<Icon icon="material-icon-theme:fusebox" width="24" />

Vue

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

<template>
  <Icon icon="material-icon-theme:fusebox" width="24" />
</template>

Svelte

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

<Icon icon="material-icon-theme:fusebox" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-icon-theme--fusebox]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-icon-theme -->
<div class="i-material-icon-theme:fusebox"></div>

مكوّن ويب

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

<iconify-icon icon="material-icon-theme:fusebox"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/material-icon-theme/fusebox.svg" alt="أيقونة Fusebox" width="24" height="24">

أيقونة Fusebox في مجموعات أخرى

أيقونة Fusebox من File Icons
File Icons

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

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

نعم. تُنشر Material Icon Theme icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

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

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

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

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

تصفح كل أيقونات Material Icon Theme →