ICONYZ
日本語
Myna UI Icons の Wrench Solid アイコン

Wrench Solid アイコン

mynaui:wrench-solid

Wrench Solid アイコン(mynaui:wrench-solid)は、Myna UI Icons セットの無料 SVG アイコンです（作者: Praveen Juge）。 24 × 24 のグリッドで描かれています。 Myna UI Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Myna UI Icons
作者
Praveen Juge
ライセンス
MIT
サイズ
24 × 24
タグ
wrenchsolid
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.598 2.343a6.433 6.433 0 0 1 7.419 7.5c-.125.682.008 1.28.359 1.63l5.566 5.567a2.76 2.76 0 0 1-3.902 3.902l-5.566-5.566c-.35-.35-.949-.484-1.63-.36a6.434 6.434 0 0 1-7.5-7.418a1.495 1.495 0 0 1 1.154-1.226c.54-.123 1.133.04 1.56.467l2.545 2.544a.197.197 0 0 0 .272 0l1.508-1.508a.197.197 0 0 0 0-.272L6.84 5.058a1.69 1.69 0 0 1-.467-1.56c.127-.56.562-1.04 1.226-1.155"/></svg>

Wrench Solid アイコンの使い方

React

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

<Icon icon="mynaui:wrench-solid" width="24" />

Vue

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

<template>
  <Icon icon="mynaui:wrench-solid" width="24" />
</template>

Svelte

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

<Icon icon="mynaui:wrench-solid" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="mynaui:wrench-solid"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/mynaui/wrench-solid.svg" alt="Wrench Solid アイコン" width="24" height="24">

Myna UI Icons の関連アイコン

wrench アイコン
wrench

他のアイコンセットの Wrench Solid アイコン

HeroIcons の Wrench Solid アイコン
HeroIcons
 Clarity の Wrench Solid アイコン
Clarity
 Sharp free icons の Wrench Solid アイコン
Sharp free icons
 Streamline の Wrench Solid アイコン
Streamline

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

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

はい。Myna UI Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

Myna UI Icons をすべて見る →