Toolbox Bold icon
solar:toolbox-bold
The Toolbox Bold icon (solar:toolbox-bold) 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
- toolboxbold
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M4.25 13.0137C4.25 13.4749 4.5308 13.8901 4.95898 14.0615L5.48926 14.2734C6.38976 14.6336 7.39442 14.6336 8.29492 14.2734L8.82422 14.0615C9.25262 13.8902 9.53418 13.4751 9.53418 13.0137V12.75H14.25V13.0137C14.25 13.4749 14.5308 13.8901 14.959 14.0615L15.4893 14.2734C16.3898 14.6336 17.3944 14.6336 18.2949 14.2734L18.8242 14.0615C19.2526 13.8902 19.5342 13.4751 19.5342 13.0137V12.75H21.999C21.9927 15.1193 21.9218 16.3721 21.1211 17.1729C20.2424 18.0513 18.8282 18.0508 16 18.0508H8C5.17183 18.0508 3.7576 18.0513 2.87891 17.1729C2.07818 16.3721 2.00728 15.1193 2.00098 12.75H4.25V13.0137ZM8.03418 12.7617L7.7373 12.8809C7.19447 13.0979 6.58871 13.098 6.0459 12.8809L5.75 12.7617V11.75H8.03418V12.7617ZM18.0342 12.7617L17.7373 12.8809C17.1945 13.0979 16.5887 13.098 16.0459 12.8809L15.75 12.7617V11.75H18.0342V12.7617ZM12.5205 1.25C13.4419 1.25 14.2083 1.24859 14.8145 1.33008C15.4422 1.41448 16.0094 1.6002 16.4648 2.05566C16.92 2.511 17.106 3.07755 17.1904 3.70508C17.2718 4.31065 17.2705 5.07677 17.2705 5.99707V6.00293C17.2705 6.00293 17.1955 6.00293 17.0693 6.00293C19.2001 6.0168 20.3609 6.11873 21.1211 6.87891C21.916 7.67384 21.9908 8.91385 21.998 11.25H19.5264C19.4626 10.6873 18.985 10.25 18.4053 10.25H15.3779C14.7984 10.2502 14.3216 10.6874 14.2578 11.25H9.52637C9.46262 10.6873 8.98504 10.25 8.40527 10.25H5.37793C4.79838 10.2502 4.32156 10.6874 4.25781 11.25H2.00195C2.00917 8.91385 2.08398 7.67383 2.87891 6.87891C3.61481 6.14301 4.7262 6.02436 6.72949 6.00488C6.72948 6.00326 6.72949 6.00163 6.72949 6C6.72949 5.0784 6.72807 4.3113 6.80957 3.70508C6.894 3.07747 7.0798 2.51102 7.53516 2.05566C7.99052 1.60031 8.55696 1.41451 9.18457 1.33008C9.79079 1.24857 10.5579 1.25 11.4795 1.25H12.5205ZM11.4795 2.75C10.5155 2.75 9.8678 2.75146 9.38477 2.81641C8.92338 2.87845 8.72601 2.9859 8.5957 3.11621C8.4654 3.24652 8.35794 3.44389 8.2959 3.90527C8.23096 4.38831 8.22949 5.03599 8.22949 6H15.7705L15.7607 4.77246C15.7522 4.42964 15.7356 4.14682 15.7031 3.90527C15.6411 3.44422 15.5345 3.24651 15.4043 3.11621C15.274 2.9859 15.0757 2.87845 14.6143 2.81641C14.1313 2.75152 13.484 2.75 12.5205 2.75H11.4795Z"/></svg>How to use the Toolbox Bold icon
React
import { Icon } from "@iconify/react";
<Icon icon="solar:toolbox-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:toolbox-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:toolbox-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--toolbox-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:toolbox-bold"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:toolbox-bold"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/solar/toolbox-bold.svg" alt="Toolbox Bold icon" width="24" height="24">Related icons in Solar
Toolbox Bold icon in other icon sets
Toolbox Bold icon FAQ
Is the Toolbox Bold 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 Bold icon in React?
Install @iconify/react and render <Icon icon="solar:toolbox-bold" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Toolbox Bold icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/toolbox-bold.svg" alt="Toolbox Bold icon">, or paste the SVG code inline to style it with CSS.