Hammer And Wrench アイコン
fluent-emoji-high-contrast:hammer-and-wrench
Hammer And Wrench アイコン(fluent-emoji-high-contrast:hammer-and-wrench)は、Fluent Emoji High Contrast セットの無料 SVG アイコンです（作者: 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>
Web コンポーネント
<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 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Hammer And Wrench アイコンを使うには?
@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 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji High Contrast アイコン をすべて見る →
ICONYZ
