Иконка Screwdriver 16
qlementine-icons:screwdriver-16
Иконка Screwdriver 16 (qlementine-icons:screwdriver-16) — бесплатная SVG-иконка из набора Qlementine Icons от Olivier Cléro. Она нарисована на сетке 24 × 24. Qlementine Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Qlementine Icons
- Автор
- Olivier Cléro
- Лицензия
- MIT
- Размер
- 24 × 24
- Категория
- Разное
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M10.7.915a3.114 3.114 0 0 1 4.41 0a3.114 3.114 0 0 1 0 4.41l-2.57 2.57a1.47 1.47 0 0 1-1.39.388l-.354.354c.136.46.022.978-.341 1.34l-.249.25a1.7 1.7 0 0 1-2.41 0l-.558-.558l-2.76 2.76q.088.09.157.171c.124.146.229.299.289.483a1.4 1.4 0 0 1 0 .865c-.06.184-.165.337-.289.483a9 9 0 0 1-.477.498l-.236.236c-.193.193-.355.356-.498.478a1.4 1.4 0 0 1-.483.288a1.4 1.4 0 0 1-.865 0a1.4 1.4 0 0 1-.483-.288a5 5 0 0 1-.23-.212l-.268-.266l-.236-.236c-.193-.193-.356-.355-.478-.498a1.4 1.4 0 0 1-.288-.483a1.4 1.4 0 0 1 0-.865a1.4 1.4 0 0 1 .288-.483c.121-.143.284-.305.478-.498l.236-.236c.193-.193.355-.355.498-.477c.146-.124.299-.229.483-.289a1.4 1.4 0 0 1 .865 0c.184.06.337.165.483.289q.08.07.17.155l2.76-2.76l-.557-.557a1.703 1.703 0 0 1 0-2.41l.25-.25l.103-.093a1.36 1.36 0 0 1 1.24-.248l.354-.354a1.48 1.48 0 0 1 .389-1.39l2.57-2.57zm3.71.707a2.12 2.12 0 0 0-3 0l-2.57 2.57a.47.47 0 0 0-.06.592l.09.111c.06.091.05.215-.03.296l-1.08 1.08a.35.35 0 0 1-.444.045l-.111-.09a.35.35 0 0 0-.443.045l-.25.25a.707.707 0 0 0 0 1l2 2a.71.71 0 0 0 .889.09l.111-.09l.249-.25a.35.35 0 0 0 .046-.444l-.046-.055a.354.354 0 0 1 0-.5l1.08-1.08a.236.236 0 0 1 .333 0c.161.161.41.181.593.06l.074-.06l2.57-2.57c.776-.776.824-2 .146-2.84l-.146-.16z" clip-rule="evenodd"/></svg>Как использовать иконку Screwdriver 16
React
import { Icon } from "@iconify/react";
<Icon icon="qlementine-icons:screwdriver-16" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="qlementine-icons:screwdriver-16" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="qlementine-icons:screwdriver-16" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[qlementine-icons--screwdriver-16]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/qlementine-icons -->
<div class="i-qlementine-icons:screwdriver-16"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="qlementine-icons:screwdriver-16"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/qlementine-icons/screwdriver-16.svg" alt="Иконка Screwdriver 16" width="24" height="24">Вопросы и ответы: Иконка Screwdriver 16
Можно ли бесплатно использовать иконку Screwdriver 16 в коммерческих проектах?
Да. Qlementine Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Screwdriver 16 в React?
Установите @iconify/react и выведите <Icon icon="qlementine-icons:screwdriver-16" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Screwdriver 16 на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/qlementine-icons/screwdriver-16.svg" alt="Иконка Screwdriver 16">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.