Иконка Toolbox Bold Duotone

solar:toolbox-bold-duotone

Иконка Toolbox Bold Duotone (solar:toolbox-bold-duotone) — бесплатная SVG-иконка из набора Solar от 480 Design. Она нарисована на сетке 24 × 24. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Solar
Автор: 480 Design
Лицензия: CC-BY-4.0
Размер: 24 × 24
Категория: Интерфейс
Теги: toolboxbold, boldduotone, toolboxboldduotone

Скачать SVG

Код SVG

<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>

Как использовать иконку Toolbox Bold Duotone

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>

Веб-компонент

<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

<img src="https://iconyz.com/api/public/svg/solar/toolbox-bold-duotone.svg" alt="Иконка Toolbox Bold Duotone" width="24" height="24">

Вопросы и ответы: Иконка Toolbox Bold Duotone

Можно ли бесплатно использовать иконку Toolbox Bold Duotone в коммерческих проектах?

Да. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

Как использовать иконку Toolbox Bold Duotone в React?

Установите @iconify/react и выведите <Icon icon="solar:toolbox-bold-duotone" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Toolbox Bold Duotone на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/solar/toolbox-bold-duotone.svg" alt="Иконка Toolbox Bold Duotone">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Solar →