Spanner アイコン

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

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

icon-park:spanner

Spanner アイコン(icon-park:spanner)は、IconPark セットの無料 SVG アイコンです（作者: ByteDance）。 48 × 48 のグリッドで描かれています。 IconPark icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: IconPark
作者: ByteDance
ライセンス: Apache-2.0
サイズ: 48 × 48
カテゴリ: 産業

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#2F88FF" stroke="#000" stroke-linejoin="round" stroke-width="4" d="M30.4417 5C32.406 5 34.265 5.44776 35.9207 6.24607L32.7172 9.42668C30.8706 11.2601 30.8706 14.2327 32.7172 16.0661C34.5638 17.8995 37.5578 17.8995 39.4044 16.0661L42.2571 13.2337C42.7379 14.5558 43 15.9818 43 17.4685C43 24.3547 37.3775 29.937 30.4417 29.937C28.7825 29.937 27.1985 29.6176 25.7486 29.0373L13.07 41.6253C11.2238 43.4582 8.2307 43.4582 6.38459 41.6253C4.53847 39.7924 4.53847 36.8207 6.38459 34.9877L18.9523 22.5099C18.2651 20.9684 17.8834 19.2627 17.8834 17.4685C17.8834 10.5823 23.5059 5 30.4417 5Z"/></svg>

Spanner アイコンの使い方

React

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

<Icon icon="icon-park:spanner" width="24" />

Vue

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

<template>
  <Icon icon="icon-park:spanner" width="24" />
</template>

Svelte

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

<Icon icon="icon-park:spanner" width="24" />

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:spanner"></div>

Web コンポーネント

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

<iconify-icon icon="icon-park:spanner"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/icon-park/spanner.svg" alt="Spanner アイコン" width="24" height="24">

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

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

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

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

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

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

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

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

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