Fusebox icon

file-icons:fusebox

The Fusebox icon (file-icons:fusebox) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 490 × 512 grid. File Icons are released under the ISC 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: File Icons
Author: John Gardner
License: ISC
Size: 490 × 512

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="490" height="512" viewBox="0 0 490 512"><path fill="currentColor" d="m31.473 101.663l350.865 7.586l-267.232 29.288l129.369 58.819l66.438-29.613l-88.738-4.381l159.3-27.075c16.117-7.182 28.677-3.444 37.756 10.819c6.08 9.6 9.246 23.132 9.15 39.068a114.2 114.2 0 0 1-14.494 56.994c13.728 6.4 21.314 20.959 21.026 47.263c-.15 24.608-11.174 62.598-30.35 85.43l34.924-21.874l19.17-252.069L244.48 28.193zm50.383 67.043l1.725 50.975l119.525 58.175l.382 47.006l-118.4-58.269l5.037 113.906l154.163 95.513V246.743zm296 17.856l-92.8 46.331l-.256 55.075l94.206-49.887c17.349-8.888 21.247-59.562-1.15-51.52m1.663 101.631L284.8 341.218v62.656L378.688 348c14.176-8.448 21.73-23.263 21.793-40.831c-1.653-15.752-6.824-26.756-20.962-18.975M248.446 512L18.772 367.392L0 83.2L244.8 0l244.48 82.144l-25.391 289.28zM31.596 359.776l216.722 136.512L451.225 363.84l23.888-272.416l-230.25-77.376L13.944 92.64z"/></svg>

How to use the Fusebox icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

<img src="https://iconyz.com/api/public/svg/file-icons/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. File Icons are released under the ISC 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="file-icons: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/file-icons/fusebox.svg" alt="Fusebox icon">, or paste the SVG code inline to style it with CSS.

Browse all File Icons →