Иконка Hammer And Wrench
fluent-emoji-high-contrast:hammer-and-wrench
Иконка Hammer And Wrench (fluent-emoji-high-contrast:hammer-and-wrench) — бесплатная SVG-иконка из набора Fluent Emoji High Contrast от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji High Contrast icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Fluent Emoji High Contrast
- Автор
- Microsoft Corporation
- Лицензия
- MIT
- Размер
- 32 × 32
- Категория
- Предметы
- Теги
- hammerand, andwrench, hammerandwrench
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="m16.154 3.901l-2.492 2.492l1.768 1.768a1.5 1.5 0 0 1 .293 1.707l1.357 1.358l1.939-1.952a6.07 6.07 0 0 1 1.715-5.567l.003-.003a6.06 6.06 0 0 1 5.65-1.53c1.214.296 1.617 1.8.75 2.668L24.88 7.1l1.026 1.026l2.254-2.254c.89-.908 2.384-.435 2.672.745l.001.003a6.06 6.06 0 0 1-7.122 7.371l-1.925 1.94l7.16 7.16a4 4 0 1 1-5.657 5.656l-7.14-7.14l-1.375 1.384a6.07 6.07 0 0 1-1.727 5.512l-.003.003a6.06 6.06 0 0 1-5.651 1.53c-1.213-.297-1.616-1.802-.75-2.668l2.259-2.258l-1.026-1.026l-2.253 2.253c-.89.909-2.385.436-2.673-.745l-.001-.003A6.06 6.06 0 0 1 6.8 18.444a1 1 0 0 1-.096-.087L.366 12.02a1.25 1.25 0 0 1 0-1.768l.788-.788a3 3 0 0 1 2.52-.852q.041-.05.089-.1l7.073-7.073a1.5 1.5 0 0 1 1.219-.43l3.2.338a1.5 1.5 0 0 1 .904 2.555zM5.53 9.575l3.894 3.888l4.242-4.243l-1.6-1.6a1.69 1.69 0 0 1-.466-1.626c.15-.606.566-1 1.31-1.704c.306-.29.668-.634 1.09-1.066l-1.918-.2zm3.205 8.518c.466-.008.933.038 1.39.137l1.318-1.327l-1.31-1.31a3 3 0 0 1-.874 1.975zm4.118-2.61l2.818-2.838l-1.302-1.302l-2.828 2.828zm4.704 4.704l7.145 7.145a2 2 0 0 0 2.828-2.828l-7.155-7.154zM2.569 10.879l-.258.258l5.276 5.276l.258-.258a1 1 0 0 0 0-1.414l-3.862-3.862a1 1 0 0 0-1.414 0m19.556-5.734a4.08 4.08 0 0 0-1.043 4.136l.179.575L10.699 20.49l-.587-.194a4.06 4.06 0 0 0-4.145.986a4.05 4.05 0 0 0-1.185 3.067l1.971-1.971c.62-.62 1.624-.62 2.244 0l1.61 1.61c.62.62.62 1.623 0 2.244l-1.973 1.973a4.07 4.07 0 0 0 3.021-1.14a4.08 4.08 0 0 0 1.056-4.094l-.17-.57l10.586-10.66l.582.185a4.06 4.06 0 0 0 4.104-.998a4.05 4.05 0 0 0 1.185-3.067l-1.97 1.97a1.586 1.586 0 0 1-2.245 0l-1.61-1.61a1.585 1.585 0 0 1 0-2.243l1.973-1.973a4.07 4.07 0 0 0-3.021 1.139"/></svg>
Как использовать иконку Hammer And Wrench
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:hammer-and-wrench" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:hammer-and-wrench" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:hammer-and-wrench" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--hammer-and-wrench]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:hammer-and-wrench"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:hammer-and-wrench"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/hammer-and-wrench.svg" alt="Иконка Hammer And Wrench" width="24" height="24">
Похожие иконки в наборе Fluent Emoji High Contrast
Иконка Hammer And Wrench в других наборах
Вопросы и ответы: Иконка Hammer And Wrench
Можно ли бесплатно использовать иконку Hammer And Wrench в коммерческих проектах?
Да. Fluent Emoji High Contrast icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Hammer And Wrench в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji-high-contrast:hammer-and-wrench" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Hammer And Wrench на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/hammer-and-wrench.svg" alt="Иконка Hammer And Wrench">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Fluent Emoji High Contrast →
ICONYZ
