Toolbox Broken icon
solar:toolbox-broken
The Toolbox Broken icon (solar:toolbox-broken) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Solar
- Author
- 480 Design
- License
- CC-BY-4.0
- Size
- 24 × 24
- Category
- UI
- Tags
- toolboxbroken
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M10 18.0513H8C5.17157 18.0513 3.75736 18.0513 2.87868 17.1726C2 16.2939 2 14.8712 2 12.0256C2 9.18012 2 7.75736 2.87868 6.87868C3.75736 6 5.17157 6 8 6L16 6C18.8284 6 20.2426 6 21.1213 6.87868C22 7.75736 22 9.18012 22 12.0256C22 14.8712 22 16.2939 21.1213 17.1726C20.2426 18.0513 18.8284 18.0513 16 18.0513H14"/><path d="M16.52 6C16.52 6.00944 16.52 5.99056 16.52 6ZM16.52 6C16.52 4.11438 16.52 3.17157 15.9342 2.58579C15.3484 2 14.4056 2 12.52 2H11.4795C9.59387 2 8.65107 2 8.06528 2.58579C7.47949 3.17157 7.47949 4.11438 7.47949 6"/><path d="M2 12C2.81331 12 4.18669 12 5 12"/><path d="M18.7839 12C19.6644 12 21.1196 12 22 12"/><path d="M8.78413 12C11.2344 12 12.5496 12 14.9999 12"/><path d="M8.40549 11H5.37839C5.16941 11 5 11.1694 5 11.3784V13.0141C5 13.1689 5.0942 13.308 5.23786 13.3655L5.7677 13.5774C6.4894 13.8661 7.29449 13.8661 8.01618 13.5774L8.54602 13.3655C8.68968 13.308 8.78388 13.1689 8.78388 13.0141V11.3784C8.78388 11.1694 8.61447 11 8.40549 11Z"/><path d="M18.4055 11H15.3784C15.1694 11 15 11.1694 15 11.3784V13.0141C15 13.1689 15.0942 13.308 15.2379 13.3655L15.7677 13.5774C16.4894 13.8661 17.2945 13.8661 18.0162 13.5774L18.546 13.3655C18.6897 13.308 18.7839 13.1689 18.7839 13.0141V11.3784C18.7839 11.1694 18.6145 11 18.4055 11Z"/></g></svg>How to use the Toolbox Broken icon
React
import { Icon } from "@iconify/react";
<Icon icon="solar:toolbox-broken" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:toolbox-broken" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:toolbox-broken" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--toolbox-broken]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:toolbox-broken"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:toolbox-broken"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/solar/toolbox-broken.svg" alt="Toolbox Broken icon" width="24" height="24">Related icons in Solar
Toolbox Broken icon FAQ
Is the Toolbox Broken icon free for commercial use?
Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Toolbox Broken icon in React?
Install @iconify/react and render <Icon icon="solar:toolbox-broken" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Toolbox Broken icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/toolbox-broken.svg" alt="Toolbox Broken icon">, or paste the SVG code inline to style it with CSS.