Hammer And Pick アイコン
fluent-emoji-high-contrast:hammer-and-pick
Hammer And Pick アイコン(fluent-emoji-high-contrast:hammer-and-pick)は、Fluent Emoji High Contrast セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji High Contrast
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- カテゴリ
- 物
- タグ
- hammerand、andpick、hammerandpick
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M30.176 8.295a1.49 1.49 0 0 0-.109-1.939c-.207-.217-1.321-1.323-1.466-1.467a1.49 1.49 0 0 0-1.722-.273l-2.1-2.1a1.775 1.775 0 0 0-2.5 0l-3.989 3.99a1.77 1.77 0 0 0 0 2.5l2.023 2.023c-3.239 3.2-3.11 3.193-3.393 3.3l-2.949-2.949l2.373-2.373a1.79 1.79 0 0 0 .01-2.5l-3.99-3.99a1.77 1.77 0 0 0-2.5 0L7.418 4.962a1.5 1.5 0 0 0-1.716.257c-.176.167-.974.978-1.468 1.477a1.49 1.49 0 0 0-.273 1.723l-2.438 2.439a1.776 1.776 0 0 0 0 2.5l3.981 3.991a1.776 1.776 0 0 0 2.5 0l2.368-2.368l2.267 2.267l-7.949 7.956a1.773 1.773 0 0 0 0 2.505l2.54 2.541a1.773 1.773 0 0 0 2.5 0l7.223-7.222l7.213 7.212a1.77 1.77 0 0 0 2.5 0l2.541-2.541a1.775 1.775 0 0 0 0-2.5l-7.938-7.938l2.63-2.631l2.163 2.163a2.54 2.54 0 0 0 1.808.748h.011a2.53 2.53 0 0 0 1.8-.759c.37-.372.617-.848.709-1.364l.5-2.851a6.53 6.53 0 0 0-.714-4.272M6.749 15.777l-3.657-3.665l8.017-8.017l3.66 3.661zm1.73 12.9l-2.216-2.216l7.492-7.5a2.8 2.8 0 0 0 .782 1.652l1 1zm16.94-.01l-9.468-9.468a.8.8 0 0 1-.227-.553a2.74 2.74 0 0 0-.793-1.927l-3.148-3.148l.771-.771l3.142 3.143a2.8 2.8 0 0 0 1.918.813a.8.8 0 0 1 .553.227l9.468 9.468zm-5.56-12.821a3.8 3.8 0 0 0-.836-.695l2.7-2.7l.765.766zm9.07-3.623l-.5 2.837a.6.6 0 0 1-.162.315a.55.55 0 0 1-.393.167a.56.56 0 0 1-.395-.164L19.862 7.76l3.666-3.666l4.138 4.138a4.54 4.54 0 0 1 1.263 3.99"/></svg>
Hammer And Pick アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:hammer-and-pick" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:hammer-and-pick" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:hammer-and-pick" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--hammer-and-pick]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:hammer-and-pick"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:hammer-and-pick"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/hammer-and-pick.svg" alt="Hammer And Pick アイコン" width="24" height="24">
Fluent Emoji High Contrast の関連アイコン
他のアイコンセットの Hammer And Pick アイコン
Hammer And Pick アイコン のよくある質問
Hammer And Pick アイコンは商用利用でも無料ですか?
はい。Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Hammer And Pick アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-high-contrast:hammer-and-pick" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Hammer And Pick アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/hammer-and-pick.svg" alt="Hammer And Pick アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji High Contrast アイコン をすべて見る →
ICONYZ
