Иконка Tools 2
et:tools-2
Иконка Tools 2 (et:tools-2) — бесплатная SVG-иконка из набора Elegant от Kenny Sing. Она нарисована на сетке 32 × 32. Elegant icons выпущены под лицензией GPL 3.0, которая разрешает использование в личных и коммерческих проектах; изменённые версии файлов иконок должны сохранять ту же лицензию. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Elegant
- Автор
- Kenny Sing
- Лицензия
- GPL-3.0-or-later
- Размер
- 32 × 32
- Теги
- tool
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="M28.354 1.354a.5.5 0 0 0-.141-.805a5.98 5.98 0 0 0-6.798 1.191c-1.698 1.709-2.291 4.393-1.499 6.637L8.377 19.916a5.9 5.9 0 0 0-1.996-.336c-1.714 0-3.376.682-4.559 1.872a6.08 6.08 0 0 0-1.281 6.747a.498.498 0 0 0 .813.153l3.491-3.509c.23-.232.601-.263.793-.068l1.507 1.577c.219.221.209.562-.022.795l-3.478 3.5a.5.5 0 0 0 .141.804a6 6 0 0 0 2.591.588c1.572 0 3.065-.632 4.207-1.78c1.698-1.708 2.291-4.392 1.498-6.636l11.539-11.54a5.9 5.9 0 0 0 1.997.336c1.714 0 3.376-.682 4.559-1.872A6.08 6.08 0 0 0 31.458 3.8a.498.498 0 0 0-.813-.153l-3.491 3.509a.57.57 0 0 1-.801-.01l-1.499-1.499a.55.55 0 0 1-.001-.794zm-4.208 5l1.499 1.499c.599.602 1.625.605 2.218.009l2.93-2.944a5.09 5.09 0 0 1-1.324 4.926c-.997 1.003-2.399 1.577-3.85 1.577c-.683 0-1.33-.128-1.923-.38a.5.5 0 0 0-.549.106l-12 12a.5.5 0 0 0-.107.547c.803 1.91.314 4.375-1.163 5.861a4.96 4.96 0 0 1-4.985 1.258l2.941-2.96c.621-.625.631-1.594.029-2.198l-1.506-1.577c-.581-.585-1.614-.549-2.218.062l-2.93 2.944a5.09 5.09 0 0 1 1.324-4.926c.997-1.003 2.399-1.577 3.85-1.577c.683 0 1.33.128 1.923.38a.5.5 0 0 0 .549-.106l12-12a.5.5 0 0 0 .107-.547c-.803-1.91-.314-4.376 1.163-5.862a4.96 4.96 0 0 1 4.982-1.258l-2.96 2.961a1.546 1.546 0 0 0 0 2.205"/><path d="M29.21 30.647a.595.595 0 0 1-.827-.002l-10.03-10a.501.501 0 0 0-.706.709l10.029 9.998c.3.301.698.467 1.122.467s.822-.166 1.128-.474l1.429-1.493a1.55 1.55 0 0 0-.001-2.206l-10-10a.5.5 0 0 0-.707.707l9.999 9.999c.229.23.229.564-.007.802zM5.854 3.146l-3-3a.5.5 0 0 0-.707 0l-2 2a.5.5 0 0 0 0 .707l3 3a.5.5 0 0 0 .707.001l.646-.647l7.646 7.646a.5.5 0 1 0 .708-.706L5.207 4.5l.646-.646a.5.5 0 0 0 .001-.708M3.5 4.793L1.207 2.5L2.5 1.207L4.793 3.5z"/></g></svg>Как использовать иконку Tools 2
React
import { Icon } from "@iconify/react";
<Icon icon="et:tools-2" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="et:tools-2" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="et:tools-2" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[et--tools-2]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/et -->
<div class="i-et:tools-2"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="et:tools-2"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/et/tools-2.svg" alt="Иконка Tools 2" width="24" height="24">Похожие иконки в наборе Elegant
Вопросы и ответы: Иконка Tools 2
Можно ли бесплатно использовать иконку Tools 2 в коммерческих проектах?
Да. Elegant icons выпущены под лицензией GPL 3.0, которая разрешает использование в личных и коммерческих проектах; изменённые версии файлов иконок должны сохранять ту же лицензию.
Как использовать иконку Tools 2 в React?
Установите @iconify/react и выведите <Icon icon="et:tools-2" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Tools 2 на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/et/tools-2.svg" alt="Иконка Tools 2">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.