Screwdriver 16 アイコン
qlementine-icons:screwdriver-16
Screwdriver 16 アイコン(qlementine-icons:screwdriver-16)は、Qlementine Icons セットの無料 SVG アイコンです（作者: Olivier Cléro）。 24 × 24 のグリッドで描かれています。 Qlementine Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Qlementine Icons
- 作者
- Olivier Cléro
- ライセンス
- MIT
- サイズ
- 24 × 24
- カテゴリ
- その他
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M10.7.915a3.114 3.114 0 0 1 4.41 0a3.114 3.114 0 0 1 0 4.41l-2.57 2.57a1.47 1.47 0 0 1-1.39.388l-.354.354c.136.46.022.978-.341 1.34l-.249.25a1.7 1.7 0 0 1-2.41 0l-.558-.558l-2.76 2.76q.088.09.157.171c.124.146.229.299.289.483a1.4 1.4 0 0 1 0 .865c-.06.184-.165.337-.289.483a9 9 0 0 1-.477.498l-.236.236c-.193.193-.355.356-.498.478a1.4 1.4 0 0 1-.483.288a1.4 1.4 0 0 1-.865 0a1.4 1.4 0 0 1-.483-.288a5 5 0 0 1-.23-.212l-.268-.266l-.236-.236c-.193-.193-.356-.355-.478-.498a1.4 1.4 0 0 1-.288-.483a1.4 1.4 0 0 1 0-.865a1.4 1.4 0 0 1 .288-.483c.121-.143.284-.305.478-.498l.236-.236c.193-.193.355-.355.498-.477c.146-.124.299-.229.483-.289a1.4 1.4 0 0 1 .865 0c.184.06.337.165.483.289q.08.07.17.155l2.76-2.76l-.557-.557a1.703 1.703 0 0 1 0-2.41l.25-.25l.103-.093a1.36 1.36 0 0 1 1.24-.248l.354-.354a1.48 1.48 0 0 1 .389-1.39l2.57-2.57zm3.71.707a2.12 2.12 0 0 0-3 0l-2.57 2.57a.47.47 0 0 0-.06.592l.09.111c.06.091.05.215-.03.296l-1.08 1.08a.35.35 0 0 1-.444.045l-.111-.09a.35.35 0 0 0-.443.045l-.25.25a.707.707 0 0 0 0 1l2 2a.71.71 0 0 0 .889.09l.111-.09l.249-.25a.35.35 0 0 0 .046-.444l-.046-.055a.354.354 0 0 1 0-.5l1.08-1.08a.236.236 0 0 1 .333 0c.161.161.41.181.593.06l.074-.06l2.57-2.57c.776-.776.824-2 .146-2.84l-.146-.16z" clip-rule="evenodd"/></svg>Screwdriver 16 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="qlementine-icons:screwdriver-16" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="qlementine-icons:screwdriver-16" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="qlementine-icons:screwdriver-16" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[qlementine-icons--screwdriver-16]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/qlementine-icons -->
<div class="i-qlementine-icons:screwdriver-16"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="qlementine-icons:screwdriver-16"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/qlementine-icons/screwdriver-16.svg" alt="Screwdriver 16 アイコン" width="24" height="24">Screwdriver 16 アイコン のよくある質問
Screwdriver 16 アイコンは商用利用でも無料ですか?
はい。Qlementine Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Screwdriver 16 アイコンを使うには?
@iconify/react をインストールして <Icon icon="qlementine-icons:screwdriver-16" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Screwdriver 16 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/qlementine-icons/screwdriver-16.svg" alt="Screwdriver 16 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。