Иконка Screwdriver

streamline-plump:screwdriver

Иконка Screwdriver (streamline-plump:screwdriver) — бесплатная SVG-иконка из набора Plump free icons от Streamline. Она нарисована на сетке 48 × 48. Plump free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Plump free icons
Автор: Streamline
Лицензия: CC-BY-4.0
Размер: 48 × 48
Категория: Основы интерфейса

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"><path d="M27.24 27.822c1.027 1.168 1.064 2.816.115 4.048c-1.197 1.555-3.15 3.897-5.972 6.72s-5.166 4.776-6.72 5.973c-1.233.949-2.88.912-4.049-.116a79 79 0 0 1-3.627-3.435a79 79 0 0 1-3.436-3.628c-1.027-1.167-1.064-2.815-.116-4.048c1.198-1.554 3.15-3.897 5.973-6.72s5.166-4.776 6.72-5.973c1.233-.948 2.88-.911 4.048.116c.88.773 2.073 1.88 3.628 3.436a79 79 0 0 1 3.436 3.627"/><path d="M22.044 22.475q.124-.177.282-.336l10.41-10.41l.096-3.96a2 2 0 0 1 1.08-1.727l5.905-3.06a1 1 0 0 1 1.167.18l3.853 3.853a1 1 0 0 1 .181 1.167l-3.06 5.906a2 2 0 0 1-1.727 1.08l-3.96.097l-10.41 10.41a2.5 2.5 0 0 1-.336.281"/></g></svg>

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

React

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

<Icon icon="streamline-plump:screwdriver" width="24" />

Vue

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

<template>
  <Icon icon="streamline-plump:screwdriver" width="24" />
</template>

Svelte

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

<Icon icon="streamline-plump:screwdriver" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump--screwdriver]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-plump -->
<div class="i-streamline-plump:screwdriver"></div>

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

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

<iconify-icon icon="streamline-plump:screwdriver"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/streamline-plump/screwdriver.svg" alt="Иконка Screwdriver" width="24" height="24">

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

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

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

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

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

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

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

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

Все Plump free icons →