Hammer アイコン
fxemoji:hammer
Hammer アイコン(fxemoji:hammer)は、Firefox OS Emoji セットの無料 SVG アイコンです（作者: Mozilla）。 512 × 512 のグリッドで描かれています。 Firefox OS Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Firefox OS Emoji
- 作者
- Mozilla
- ライセンス
- Apache-2.0
- サイズ
- 512 × 512
- カテゴリ
- 物
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#AAB8B9" d="M186.694 194.52c-23.34-21.518-66.974-6.975-65.227 22.26c1.818 30.42-21.206 38.662-34.668 55.781c-6.208 7.894-12.825 6.308-20.166.641c-21.769-16.806-42.809-34.295-58.154-57.513c-4.198-6.352-11.615-14.445-4.559-20.966c15.741-14.547 24.524-36.768 51.932-38.686c27.628-1.933 43.392-21.384 44.978-49.269c.648-11.388 2.958-20.156 10.81-28.84c60.467-66.873 173.13-86.701 250.914-43.591c5.828 3.23 14.617 5.389 13.155 13.569c-1.62 9.057-8.997 14.933-18.531 15.989c-6.75.748-13.649.145-20.481.145c-34.747-1.814-73.293 9.372-93.985 26.509c-22.111 18.312-23.987 36.855-4.562 57.185l34.404 33.467l-52.641 47.51z"/><path fill="#8E6049" d="m502.204 421.228l-41.668 41.668c-8.684 8.684-22.764 8.684-31.448 0L221.541 255.35c-8.684-8.684-8.684-22.764 0-31.448l41.668-41.668c8.684-8.684 22.764-8.684 31.448 0l207.547 207.547c8.684 8.684 8.684 22.763 0 31.447"/><path fill="#D3E2E2" d="M35.338 215.382a12.7 12.7 0 0 1-9.009-3.732c-4.976-4.976-4.976-13.043 0-18.019l14.695-14.695c4.976-4.976 13.043-4.976 18.019 0s4.976 13.043 0 18.019L44.347 211.65a12.7 12.7 0 0 1-9.009 3.732m101.594-110.077L160.8 81.437c4.976-4.976 4.976-13.043 0-18.019s-13.043-4.976-18.019 0l-23.868 23.868c-4.976 4.976-4.976 13.043 0 18.019c2.488 2.488 5.749 3.732 9.009 3.732s6.522-1.244 9.01-3.732"/><path fill="#909999" d="M114.415 193.82a12.7 12.7 0 0 1-9.009-3.732l-14.44-14.44c-4.976-4.976-4.976-13.043 0-18.019s13.043-4.976 18.019 0l14.44 14.44c4.976 4.976 4.976 13.043 0 18.019a12.7 12.7 0 0 1-9.01 3.732"/></svg>
Hammer アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:hammer" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:hammer" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:hammer" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--hammer]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:hammer"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:hammer"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fxemoji/hammer.svg" alt="Hammer アイコン" width="24" height="24">
Hammer アイコン のよくある質問
Hammer アイコンは商用利用でも無料ですか?
はい。Firefox OS Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Hammer アイコンを使うには?
@iconify/react をインストールして <Icon icon="fxemoji:hammer" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Hammer アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fxemoji/hammer.svg" alt="Hammer アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Firefox OS Emoji アイコン をすべて見る →
ICONYZ
