Screw Nut Duotone アイコン
stash:screw-nut-duotone
Screw Nut Duotone アイコン(stash:screw-nut-duotone)は、Stash Icons セットの無料 SVG アイコンです（作者: Pingback LLC）。 24 × 24 のグリッドで描かれています。 Stash Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Stash Icons
- 作者
- Pingback LLC
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- screwnut、nutduotone、screwnutduotone
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M10.057 3.25h3.886c.948 0 1.59 0 2.18.186c.519.164.998.433 1.406.79c.464.407.788.954 1.26 1.751l.062.104l1.822 3.073l.063.106c.472.795.797 1.342.928 1.94a3.75 3.75 0 0 1 0 1.6c-.13.598-.456 1.145-.928 1.94l-.063.106l-1.822 3.073l-.061.104c-.473.797-.797 1.344-1.26 1.75a3.9 3.9 0 0 1-1.408.791c-.588.186-1.23.186-2.18.186h-3.885c-.948 0-1.59 0-2.18-.186a3.9 3.9 0 0 1-1.406-.79c-.464-.407-.788-.954-1.26-1.751l-.062-.104l-1.822-3.073l-.063-.106c-.472-.795-.797-1.342-.928-1.94a3.75 3.75 0 0 1 0-1.6c.13-.598.456-1.145.928-1.94l.063-.106l1.822-3.073l.062-.104c.472-.797.796-1.344 1.26-1.75a3.9 3.9 0 0 1 1.407-.791c.589-.187 1.23-.186 2.18-.186m.12 1.5c-1.114 0-1.507.008-1.847.116c-.323.102-.62.27-.87.489c-.262.229-.463.55-1.02 1.49L4.616 9.92c-.56.942-.743 1.27-.815 1.6c-.07.317-.07.645 0 .961c.072.33.256.659.815 1.6l1.822 3.074c.558.94.76 1.262 1.02 1.491c.251.22.548.387.871.49c.34.107.733.115 1.847.115h3.646c1.114 0 1.507-.008 1.847-.116c.323-.102.62-.27.87-.489c.262-.229.463-.55 1.02-1.491l1.823-3.073c.56-.942.743-1.27.815-1.6c.07-.317.07-.645 0-.961c-.072-.33-.256-.659-.815-1.6L17.56 6.847c-.558-.94-.76-1.262-1.02-1.491a2.4 2.4 0 0 0-.871-.49c-.34-.107-.733-.115-1.847-.115z"/><path fill="currentColor" d="M12 8.75a3.25 3.25 0 1 0 0 6.5a3.25 3.25 0 0 0 0-6.5M7.25 12a4.75 4.75 0 1 1 9.5 0a4.75 4.75 0 0 1-9.5 0" opacity=".5"/></svg>Screw Nut Duotone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="stash:screw-nut-duotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="stash:screw-nut-duotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="stash:screw-nut-duotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[stash--screw-nut-duotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/stash -->
<div class="i-stash:screw-nut-duotone"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="stash:screw-nut-duotone"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/stash/screw-nut-duotone.svg" alt="Screw Nut Duotone アイコン" width="24" height="24">Stash Icons の関連アイコン
Screw Nut Duotone アイコン のよくある質問
Screw Nut Duotone アイコンは商用利用でも無料ですか?
はい。Stash Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Screw Nut Duotone アイコンを使うには?
@iconify/react をインストールして <Icon icon="stash:screw-nut-duotone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Screw Nut Duotone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/stash/screw-nut-duotone.svg" alt="Screw Nut Duotone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。