Иконка Toolbox

temaki:toolbox

Иконка Toolbox (temaki:toolbox) — бесплатная SVG-иконка из набора Temaki от Bryan Housel. Она нарисована на сетке 50 × 50. Temaki icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Temaki
Автор: Bryan Housel
Лицензия: CC0-1.0
Размер: 50 × 50

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50"><path fill="currentColor" d="M35.48 15.03c-.25 0-.48-.17-.48-.41V8.44c0-.24-.13-.44-.38-.44H15.39c-.25 0-.38.2-.38.44v6.18c0 .24-.27.38-.52.38H1.46c-.25 0-.45.27-.45.51v6.87c0 .24.2.62.45.62h20.99c.25 0 .56-.38.56-.62v-1.46c0-.24.09-.91.34-.91h3.32c.25 0 .34.67.34.91v1.47c0 .24.32.62.56.62h20.99c.25 0 .45-.38.45-.62v-6.87c0-.24-.2-.51-.45-.51H35.53l-.03.03zM18.09 15c-.25 0-.09-.13-.09-.38v-3.51c0-.24-.15-.11.09-.11H31.9c.25 0 .09-.13.09.11v3.51c0 .24.16.38-.09.38zm8.96 14.71c0 .24-.15.29-.39.29h-3.32c-.25 0-.34.11-.34-.13v-4.94c0-.24-.32-.93-.56-.93H1.45c-.25 0-.45.69-.45.93v14.63c0 .24.2.44.45.44h47.1c.25 0 .45-.2.45-.44V24.93c0-.24-.2-.93-.45-.93H27.56c-.25 0-.56.69-.56.93v4.94l.06-.15z"/></svg>

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

React

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

<Icon icon="temaki:toolbox" width="24" />

Vue

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

<template>
  <Icon icon="temaki:toolbox" width="24" />
</template>

Svelte

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

<Icon icon="temaki:toolbox" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[temaki--toolbox]"></span>

UnoCSS

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

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

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

<iconify-icon icon="temaki:toolbox"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/temaki/toolbox.svg" alt="Иконка Toolbox" width="24" height="24">

Иконка Toolbox в других наборах

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

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

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

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

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

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

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

Все Иконки Temaki →