Toolbox Bold Duotone icon
solar:toolbox-bold-duotone
The Toolbox Bold Duotone icon (solar:toolbox-bold-duotone) 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, boldduotone, toolboxboldduotone
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M12.5205 1.25C13.4419 1.25 14.2083 1.24859 14.8145 1.33008C15.4422 1.41448 16.0094 1.6002 16.4648 2.05567C16.92 2.511 17.106 3.07756 17.1904 3.70508C17.2718 4.31066 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.9184 7.6762 21.9912 8.91427 21.998 11.25H22.001V12.75H19.5342V13.0137C19.5342 13.4751 19.2526 13.8902 18.8242 14.0615L18.2949 14.2734C17.3944 14.6336 16.3898 14.6336 15.4893 14.2734L14.959 14.0615C14.5308 13.8901 14.25 13.4749 14.25 13.0137V12.75H9.53418V13.0137C9.53418 13.4751 9.25262 13.8902 8.82422 14.0615L8.29492 14.2734C7.39442 14.6336 6.38976 14.6336 5.48926 14.2734L4.95898 14.0615C4.5308 13.8901 4.25 13.4749 4.25 13.0137V12.75H2V11.25H2.00195C2.00879 8.91428 2.08159 7.67623 2.87891 6.87891C3.75759 6.00023 5.17158 6 8 6H6.72949C6.72949 5.0784 6.72807 4.3113 6.80957 3.70508C6.894 3.07747 7.0798 2.51102 7.53516 2.05567C7.99052 1.60031 8.55696 1.41451 9.18457 1.33008C9.79079 1.24858 10.5579 1.25 11.4795 1.25H12.5205ZM5.75 12.7617L6.0459 12.8809C6.58871 13.098 7.19447 13.0979 7.7373 12.8809L8.03418 12.7617V12H5.75V12.7617ZM15.75 12.7617L16.0459 12.8809C16.5887 13.098 17.1945 13.0979 17.7373 12.8809L18.0342 12.7617V12H15.75V12.7617ZM15.7607 4.77246C15.7522 4.42964 15.7356 4.14682 15.7031 3.90528C15.6411 3.44422 15.5345 3.24652 15.4043 3.11621C15.274 2.9859 15.0757 2.87845 14.6143 2.81641C14.1313 2.75153 13.484 2.75 12.5205 2.75H11.4795C10.5155 2.75 9.8678 2.75147 9.38477 2.81641C8.92338 2.87845 8.72601 2.98591 8.5957 3.11621C8.4654 3.24652 8.35794 3.44389 8.2959 3.90528C8.23096 4.38831 8.22949 5.03599 8.22949 6H15.7705L15.7607 4.77246Z" clip-rule="evenodd"/><path d="M5.75 12.7617L6.0459 12.8809C6.58871 13.098 7.19447 13.0979 7.7373 12.8809L8.03418 12.7617V12H15.75V12.7617L16.0459 12.8809C16.5887 13.098 17.1945 13.0979 17.7373 12.8809L18.0342 12.7617V12H22C22 14.8626 21.9998 16.2942 21.1211 17.1729C20.2424 18.0513 18.8282 18.0508 16 18.0508H8C5.17184 18.0508 3.7576 18.0513 2.87891 17.1729C2.00023 16.2942 2 14.8626 2 12H5.75V12.7617Z" opacity=".5"/></g></svg>How to use the Toolbox Bold Duotone icon
React
import { Icon } from "@iconify/react";
<Icon icon="solar:toolbox-bold-duotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:toolbox-bold-duotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:toolbox-bold-duotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--toolbox-bold-duotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:toolbox-bold-duotone"></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-duotone"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/solar/toolbox-bold-duotone.svg" alt="Toolbox Bold Duotone icon" width="24" height="24">Related icons in Solar
Toolbox Bold Duotone icon FAQ
Is the Toolbox Bold Duotone 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 Duotone icon in React?
Install @iconify/react and render <Icon icon="solar:toolbox-bold-duotone" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Toolbox Bold Duotone icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/toolbox-bold-duotone.svg" alt="Toolbox Bold Duotone icon">, or paste the SVG code inline to style it with CSS.