Tools Outline アイコン
glyphs:tools-outline
Tools Outline アイコン(glyphs:tools-outline)は、Glyphs セットの無料 SVG アイコンです（作者: Goran Spasojevic）。 80 × 80 のグリッドで描かれています。 Glyphs icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Glyphs
- 作者
- Goran Spasojevic
- ライセンス
- MIT
- サイズ
- 80 × 80
- タグ
- toolsoutline、tool
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><path fill="currentColor" fill-opacity=".25" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M38.479 13.605a17.59 17.59 0 0 0-19.128-3.83a2 2 0 0 0-.654 3.265l7.25 7.25q.045.05.091.097l2.34 2.34l-1.195 4.456l-4.456 1.194l-2.34-2.339a2 2 0 0 0-.095-.09l-7.252-7.252a2 2 0 0 0-3.264.654A17.588 17.588 0 0 0 22.92 43.352L9.594 56.677a4 4 0 0 0 0 5.657l7.071 7.071a4 4 0 0 0 5.657 0l16.263-16.264a9 9 0 0 0 1.297-1.636l14.289 14.289A8 8 0 1 0 65.483 54.48L46.416 35.413l2.915-2.915l7.866-.168a2 2 0 0 0 1.521-.752l11.13-13.958a2 2 0 0 0-.15-2.661l-5.657-5.657a2 2 0 0 0-2.66-.15l-13.959 11.13a2 2 0 0 0-.752 1.52l-.168 7.867l-2.915 2.915l-.89-.89q.184-.542.334-1.1a17.59 17.59 0 0 0-4.552-16.989m-2.386 30.01a5 5 0 0 0-.336-.372a4.98 4.98 0 0 0-3.635-1.464a4.98 4.98 0 0 0-3.436 1.464L12.422 59.507l7.071 7.07l16.264-16.263a5 5 0 0 0 .336-6.7m5.12 3.565l15.786 15.786a4 4 0 1 0 5.657-5.657L43.587 38.241l-3.745 3.746a9 9 0 0 1 1.37 5.193m-8.306-9.376a9 9 0 0 1 4.106 1.354l3.746-3.745l-1.807-1.807a2 2 0 0 1-.424-2.203q.383-.892.64-1.844a13.588 13.588 0 0 0-15.236-16.94l4.938 4.937q.047.047.09.097l3.062 3.062a2 2 0 0 1 .518 1.931l-1.792 6.688a2 2 0 0 1-1.414 1.414l-6.687 1.792a2 2 0 0 1-1.932-.518l-3.063-3.063a2 2 0 0 1-.096-.09l-4.938-4.938a13.59 13.59 0 0 0 14.159 15.68a8.98 8.98 0 0 1 6.13-1.806m29.57-24.41l-11.828 9.43l-.12 5.647l5.646-.12l9.43-11.828z" clip-rule="evenodd"/></svg>Tools Outline アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:tools-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:tools-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:tools-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--tools-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:tools-outline"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:tools-outline"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/glyphs/tools-outline.svg" alt="Tools Outline アイコン" width="24" height="24">Glyphs の関連アイコン
他のアイコンセットの Tools Outline アイコン
Tools Outline アイコン のよくある質問
Tools Outline アイコンは商用利用でも無料ですか?
はい。Glyphs icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Tools Outline アイコンを使うには?
@iconify/react をインストールして <Icon icon="glyphs:tools-outline" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Tools Outline アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/glyphs/tools-outline.svg" alt="Tools Outline アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。