Иконка Wrench

emojione-v1:wrench

Иконка Wrench (emojione-v1:wrench) — бесплатная SVG-иконка из набора Emoji One (v1) от Emoji One. Она нарисована на сетке 64 × 64. Emoji One (v1) icons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Emoji One (v1)
Автор: Emoji One
Лицензия: CC-BY-SA-4.0
Размер: 64 × 64
Категория: Предметы

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#919396" d="M56.695 47.13c-2.315-2.712-5.887-3.766-9.303-3.094l-17.36-24.57c.123-.32.237-.641.339-.971c1.465-4.87.361-10.04-2.76-13.764C24.155.61 18.422-1.081 12.97.123a.67.67 0 0 0-.46.344c-.143.213-.169.486.048.719c1.698 1.8 5.265 5.779 6.961 7.575a1227 1227 0 0 1 .361 3.222c.128 1.13.252 2.259.381 3.387q-2.502 2.133-5 4.271c-1.036-.286-2.073-.568-3.11-.855q-1.19-.33-2.386-.659q-.411-.112-.824-.228c-.038-.001-.064-.019-.092-.026c-1.511-1.96-4.883-6.099-6.392-8.06c-.299-.388-.94-.206-1.115.239c-1.642 4.179-1.478 8.742.493 12.568c1.87 3.63 5.337 6.244 9.354 7.217c2.196.532 4.44.528 6.589.076l21.61 20.851c-1.273 3.307-.814 7.08 1.539 9.84c3.508 4.103 9.878 4.412 14.235.689c4.355-3.719 5.05-10.06 1.536-14.166m-3.125 9.97c-2.36 2.01-5.81 1.844-7.705-.375c-1.895-2.224-1.52-5.658.837-7.668c2.354-2.02 5.801-1.848 7.7.375c1.899 2.22 1.524 5.654-.832 7.668"/><path fill="gray" d="M22.15 10.05c-.097-.843-.189-1.686-.285-2.533l-.078-.687c-1.545-1.636-4.631-5.079-6.458-7.04a16 16 0 0 0-2.36.338a.67.67 0 0 0-.46.344c-.143.213-.169.486.048.719c1.698 1.8 5.265 5.779 6.961 7.575a1227 1227 0 0 1 .361 3.222c.128 1.13.252 2.259.381 3.387l2.269-1.938c-.122-1.13-.252-2.258-.379-3.387"/><path fill="#777778" d="M21.727 6.759c-1.565-1.662-4.592-5.04-6.394-6.975a16.5 16.5 0 0 0-2.36.342a.63.63 0 0 0-.457.344c-.147.21-.176.484.043.719c1.687 1.782 5.208 5.713 6.921 7.532c.761-.643 1.502-1.303 2.247-1.962"/><g fill="gray"><path d="M43.2 58.669c-2.357-2.758-2.819-6.532-1.539-9.839L20.046 27.982c-2.15.45-4.393.458-6.587-.076c-4.02-.975-7.487-3.585-9.354-7.218c-1.619-3.144-2.02-6.778-1.202-10.291q-.245-.313-.447-.576c-.299-.388-.94-.206-1.115.239c-1.642 4.179-1.478 8.742.493 12.568c1.87 3.63 5.337 6.244 9.354 7.217c2.196.532 4.44.528 6.589.076l21.611 20.851c-1.274 3.307-.814 7.08 1.538 9.84c3.509 4.103 9.878 4.412 14.235.689q.577-.493 1.066-1.046c-4.262 2.742-9.833 2.153-13.03-1.586"/><path d="M46.702 49.05a6 6 0 0 0-.673.67c2.296-1.402 5.238-1.061 6.941.932c1.697 1.99 1.573 4.951-.166 6.994c.262-.162.52-.346.766-.553c2.355-2.01 2.975-5.605 1.076-7.826c-1.899-2.223-5.589-2.233-7.944-.217"/></g><path fill="#777778" d="M39.36 50.836a94 94 0 0 1 2.209-1.996l-21.53-20.774c-.084.021-.174.034-.264.049a48 48 0 0 1-2.092 1.909c.027-.005.057-.001.087-.017z"/></svg>

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

React

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

<Icon icon="emojione-v1:wrench" width="24" />

Vue

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

<template>
  <Icon icon="emojione-v1:wrench" width="24" />
</template>

Svelte

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

<Icon icon="emojione-v1:wrench" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--wrench]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:wrench"></div>

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

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

<iconify-icon icon="emojione-v1:wrench"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/emojione-v1/wrench.svg" alt="Иконка Wrench" width="24" height="24">

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

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

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

Да. Emoji One (v1) icons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией.

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

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

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

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

Все Иконки Emoji One (v1) →