ICONYZ
日本語
OpenMoji の Hammer And Wrench アイコン

Hammer And Wrench アイコン

openmoji:hammer-and-wrench

Hammer And Wrench アイコン(openmoji:hammer-and-wrench)は、OpenMoji セットの無料 SVG アイコンです。 72 × 72 のグリッドで描かれています。 OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
OpenMoji
作者
OpenMoji
ライセンス
CC-BY-SA-4.0
サイズ
72 × 72
カテゴリ
物
タグ
hammerand、andwrench、hammerandwrench
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#d0cfce" d="m9.504 22.928l4.79 6.432a3.34 3.34 0 0 1-2.95 2.234l-4.79-6.431a2.617 2.617 0 0 1 2.95-2.235"/><path fill="#9b9b9a" d="M42.933 27.819L18.432 58.077l5.534 3.912l21.847-27.328l2.284-2.714z"/><path fill="#9b9b9a" d="M46.781 32.033c3.244 2.576 8.658 1.157 12.092-3.169s3.587-9.92.343-12.495l-5.147 6.484l-2.833-.051l-.677-2.766l5.132-6.465c-3.244-2.576-8.657-1.157-12.091 3.169s-3.588 9.92-.344 12.495"/><path fill="#a57939" d="m27.347 25.982l11.75 15.723l3.416 2.386l9.118 14.385l-3.199 2.276l-1.066.759l-10.183-13.626l-1.284-3.904l-11.751-15.722z"/><path fill="#9b9b9a" d="m12.025 19.935l5.946 7.916l10.177-7.644l-3.398-4.523s6.785-5.096 10.745-4.533c0 0-6.649-2.966-13.293 1.14s-10.177 7.644-10.177 7.644"/><path d="m41.719 38.509l5.062-6.476m-3.418-2.713l-4.66 5.76"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="m52 58.906l-11.098-15.73l-3.094-2.235L27.23 26.226l-2.936 2.125l10.577 14.715l1.137 3.651l11.489 15.51zM12.51 19.79l5.792 8.029l10.323-7.446l-3.31-4.588s6.882-4.963 10.831-4.324c0 0-6.59-3.093-13.312.883S12.51 19.79 12.51 19.79m-2.578 2.943l4.665 6.523h0a3.34 3.34 0 0 1-2.993 2.177h0L6.938 24.91h0a2.617 2.617 0 0 1 2.994-2.177m31.357 15.776l5.063-6.476m-3.419-2.713l-4.659 5.76m8.078-3.047c3.244 2.576 8.657 1.157 12.091-3.169s3.588-9.92.344-12.495l-5.147 6.484l-2.833-.051l-.677-2.766l5.132-6.465c-3.244-2.576-8.658-1.157-12.092 3.169c-3.434 4.325-3.587 9.92-.343 12.495M30.818 44.386L19 58.906l4 3l9.959-12.74"/></svg>

Hammer And Wrench アイコンの使い方

React

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

<Icon icon="openmoji:hammer-and-wrench" width="24" />

Vue

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

<template>
  <Icon icon="openmoji:hammer-and-wrench" width="24" />
</template>

Svelte

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

<Icon icon="openmoji:hammer-and-wrench" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--hammer-and-wrench]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:hammer-and-wrench"></div>

Web コンポーネント

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

<iconify-icon icon="openmoji:hammer-and-wrench"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/openmoji/hammer-and-wrench.svg" alt="Hammer And Wrench アイコン" width="24" height="24">

OpenMoji の関連アイコン

他のアイコンセットの Hammer And Wrench アイコン

Hammer And Wrench アイコン のよくある質問

Hammer And Wrench アイコンは商用利用でも無料ですか?

はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

React で Hammer And Wrench アイコンを使うには?

@iconify/react をインストールして <Icon icon="openmoji:hammer-and-wrench" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Hammer And Wrench アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/openmoji/hammer-and-wrench.svg" alt="Hammer And Wrench アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

OpenMoji アイコン をすべて見る →