Иконка Wrench
streamline-emojis:wrench
Иконка Wrench (streamline-emojis:wrench) — бесплатная SVG-иконка из набора Streamline Emojis от Streamline. Она нарисована на сетке 48 × 48. Streamline Emojis icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Streamline Emojis
- Автор
- Streamline
- Лицензия
- CC-BY-4.0
- Размер
- 48 × 48
- Категория
- Предметы
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#45413c" d="M12.62 44.17a12.42 1.62 0 1 0 24.84 0a12.42 1.62 0 1 0-24.84 0" opacity=".15"/><path fill="#c0dceb" d="M44.12 9a.82.82 0 0 0-1.38-.42L39.4 12a1.64 1.64 0 0 1-1.38.47l-2.2-.31a1.63 1.63 0 0 1-1.4-1.4l-.31-2.2a1.64 1.64 0 0 1 .47-1.38l3.33-3.38a.81.81 0 0 0-.41-1.38a8.76 8.76 0 0 0-10 12L15.85 26.06a8.76 8.76 0 0 0-12 10a.82.82 0 0 0 1.38.42l3.37-3.36a1.64 1.64 0 0 1 1.4-.47l2.2.31a1.63 1.63 0 0 1 1.4 1.4l.31 2.2a1.64 1.64 0 0 1-.47 1.38l-3.33 3.34a.81.81 0 0 0 .41 1.38a8.76 8.76 0 0 0 10-12L32.15 19a8.76 8.76 0 0 0 12-10Z"/><path fill="#daedf7" d="M29.8 7.77a8.76 8.76 0 0 1 6.7-2.55l1.41-1.42a.81.81 0 0 0-.41-1.38a8.76 8.76 0 0 0-10.26 11.21a8.7 8.7 0 0 1 2.56-5.86m8.2 4.66l-2.2-.31a1.63 1.63 0 0 1-1.3-1a1.4 1.4 0 0 0 0 .41l.31 2.21a1.63 1.63 0 0 0 1.4 1.39l2.2.31a1.61 1.61 0 0 0 1.4-.44l3.34-3.33a.81.81 0 0 1 1.16 0A9 9 0 0 0 44.12 9a.82.82 0 0 0-1.38-.42L39.4 12a1.64 1.64 0 0 1-1.4.43M21.17 34.45v-1l-.26.26c.09.23.18.49.26.74m-9.26 8.41l1.92-1.92a1.63 1.63 0 0 0 .46-1.38l-.3-2.2a1.7 1.7 0 0 0-.1-.39a1.62 1.62 0 0 1-.47 1l-3.33 3.34a.81.81 0 0 0 .41 1.38a8.6 8.6 0 0 0 1.41.17M4.1 36.45a8.75 8.75 0 0 1 12.16-7.38l11.67-11.68a9 9 0 0 1-.67-2.74L15.85 26.06a8.76 8.76 0 0 0-12 10a.86.86 0 0 0 .25.39"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M44.12 9a.82.82 0 0 0-1.38-.42L39.4 12a1.64 1.64 0 0 1-1.38.47l-2.2-.31a1.63 1.63 0 0 1-1.4-1.4l-.31-2.2a1.64 1.64 0 0 1 .47-1.38l3.33-3.38a.81.81 0 0 0-.41-1.38a8.76 8.76 0 0 0-10 12L15.85 26.06a8.76 8.76 0 0 0-12 10a.82.82 0 0 0 1.38.42l3.37-3.36a1.64 1.64 0 0 1 1.4-.47l2.2.31a1.63 1.63 0 0 1 1.4 1.4l.31 2.2a1.64 1.64 0 0 1-.47 1.38l-3.33 3.34a.81.81 0 0 0 .41 1.38a8.76 8.76 0 0 0 10-12L32.15 19a8.76 8.76 0 0 0 12-10Z"/></svg>
Как использовать иконку Wrench
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-emojis:wrench" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-emojis:wrench" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-emojis:wrench" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-emojis--wrench]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-emojis -->
<div class="i-streamline-emojis:wrench"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-emojis:wrench"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/streamline-emojis/wrench.svg" alt="Иконка Wrench" width="24" height="24">
Иконка Wrench в других наборах
Вопросы и ответы: Иконка Wrench
Можно ли бесплатно использовать иконку Wrench в коммерческих проектах?
Да. Streamline Emojis icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Wrench в React?
Установите @iconify/react и выведите <Icon icon="streamline-emojis:wrench" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Wrench на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-emojis/wrench.svg" alt="Иконка Wrench">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Streamline Emojis →
ICONYZ
