ICONYZ
日本語
Line Awesome の Screwdriver アイコン

Screwdriver アイコン

la:screwdriver

Screwdriver アイコン(la:screwdriver)は、Line Awesome セットの無料 SVG アイコンです(作者: Icons8)。 32 × 32 のグリッドで描かれています。 Line Awesome icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Line Awesome
作者
Icons8
ライセンス
Apache-2.0
サイズ
32 × 32
カテゴリ
物
タグ
screwdriver solid
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="m27.188 1.781l-.657.344s-1.12.598-2.437 1.406c-1.317.809-2.836 1.774-3.813 2.75c-1.48 1.48-2.734 3.36-3.343 4.219l-.22-.219L16 9.594l-.719.687l-2.469 2.5l-.718.719l.719.688l.78.78l-7 7l-2.124 1.063l-.157.313l-2 4.031L2 28l.5.531l1 .969l.5.5l.656-.313l4.313-2.156l1.062-2.125l7-7l.782.782l.687.718l.719-.718l2.5-2.47l.687-.718l-.687-.719l-.219-.219c.828-.578 2.613-1.738 4.219-3.343c2.09-2.09 4.156-6.25 4.156-6.25l.344-.657l-.5-.53l-2-2zm-.375 2.469l.937.938c-.5.902-2.117 3.742-3.469 5.093c-1.703 1.703-4.843 3.906-4.843 3.906l-1 .657l.843.875l.282.281l-1.063 1.063l-.094-.063l-.687-.719l-2-2l-.719-.687l-.063-.094L16 12.437l1.125 1.126l.688-1s2.378-3.317 3.906-4.844c.691-.692 2.172-1.723 3.437-2.5a36 36 0 0 1 1.657-.969M15 16.438l.563.562L8.5 24.063l-.094.125l-.094.156l-.843 1.687L4.5 27.5l1.469-2.969l1.687-.843l.157-.094l.125-.094z"/></svg>

Screwdriver アイコンの使い方

React

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

<Icon icon="la:screwdriver" width="24" />

Vue

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

<template>
  <Icon icon="la:screwdriver" width="24" />
</template>

Svelte

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

<Icon icon="la:screwdriver" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="la:screwdriver"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/la/screwdriver.svg" alt="Screwdriver アイコン" width="24" height="24">

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

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

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

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

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

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

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

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

Line Awesome アイコン をすべて見る →