Fusebox icon
material-icon-theme:fusebox
The Fusebox icon (material-icon-theme:fusebox) is a free SVG icon from the Material Icon Theme set by Material Extensions. It is drawn on a 153 × 160 grid. Material Icon Theme icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Material Icon Theme
- Author
- Material Extensions
- License
- MIT
- Size
- 153 × 160
SVG code
<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>How to use the Fusebox icon
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>Web component
<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 image
<img src="https://iconyz.com/api/public/svg/material-icon-theme/fusebox.svg" alt="Fusebox icon" width="24" height="24">Fusebox icon in other icon sets
Fusebox icon FAQ
Is the Fusebox icon free for commercial use?
Yes. Material Icon Theme icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Fusebox icon in React?
Install @iconify/react and render <Icon icon="material-icon-theme:fusebox" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Fusebox icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/material-icon-theme/fusebox.svg" alt="Fusebox icon">, or paste the SVG code inline to style it with CSS.