Tools アイコン

Q: Tools アイコンは商用利用でも無料ですか?

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

entypo:tools

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

アイコンセット: Entypo+
作者: Daniel Bruce
ライセンス: CC-BY-SA-4.0
サイズ: 20 × 20
タグ: tool

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="currentColor" d="M3.135 6.89c.933-.725 1.707-.225 2.74.971c.116.135.272-.023.361-.1S7.687 6.456 7.754 6.4c.066-.059.146-.169.041-.292a36 36 0 0 1-.743-.951c-1.808-2.365 4.946-3.969 3.909-3.994c-.528-.014-2.646-.039-2.963-.004c-1.283.135-2.894 1.334-3.705 1.893c-1.061.726-1.457 1.152-1.522 1.211c-.3.262-.048.867-.592 1.344c-.575.503-.934.122-1.267.414c-.165.146-.627.492-.759.607c-.133.117-.157.314-.021.471c0 0 1.264 1.396 1.37 1.52c.105.122.391.228.567.071c.177-.156.632-.553.708-.623c.078-.066-.05-.861.358-1.177m5.708.517c-.12-.139-.269-.143-.397-.029L7.012 8.63a.29.29 0 0 0-.027.4l8.294 9.439c.194.223.53.246.751.053l.97-.813a.54.54 0 0 0 .052-.758zM19.902 3.39c-.074-.494-.33-.391-.463-.182c-.133.211-.721 1.102-.963 1.506c-.24.4-.832 1.191-1.934.41c-1.148-.811-.749-1.377-.549-1.758c.201-.383.818-1.457.907-1.59c.089-.135-.015-.527-.371-.363c-.357.164-2.523 1.025-2.823 2.26c-.307 1.256.257 2.379-.85 3.494l-1.343 1.4l1.349 1.566l1.654-1.57c.394-.396 1.236-.781 1.998-.607c1.633.369 2.524-.244 3.061-1.258c.482-.906.402-2.814.327-3.308M2.739 17.053a.54.54 0 0 0 0 .758l.951.93c.208.209.538.121.746-.088l4.907-4.824l-1.503-1.714z"/></svg>

Tools アイコンの使い方

React

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

<Icon icon="entypo:tools" width="24" />

Vue

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

<template>
  <Icon icon="entypo:tools" width="24" />
</template>

Svelte

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

<Icon icon="entypo:tools" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[entypo--tools]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/entypo -->
<div class="i-entypo:tools"></div>

Web コンポーネント

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

<iconify-icon icon="entypo:tools"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/entypo/tools.svg" alt="Tools アイコン" width="24" height="24">

他のアイコンセットの Tools アイコン

Tools アイコンのよくある質問

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

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

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

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

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

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

Entypo+ アイコンをすべて見る →