Anvil 20 Bold アイコン
energy-icons:anvil-20-bold
Anvil 20 Bold アイコン(energy-icons:anvil-20-bold)は、Energy Icons セットの無料 SVG アイコンです（作者: Sam Passmore）。 20 × 20 のグリッドで描かれています。 Energy Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Energy Icons
- 作者
- Sam Passmore
- ライセンス
- MIT
- サイズ
- 20 × 20
- タグ
- anvilbold
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="currentColor" d="M15 5.208c.928 0 1.858.23 2.571.587c.357.178.685.401.933.667c.244.262.454.615.454 1.038a.625.625 0 0 1-.474.606l-3.23.807l-2.129 1.42v3.574l2.317 2.318A.626.626 0 0 1 15 17.292H5a.625.625 0 0 1-.442-1.067l2.317-2.318v-3.522L4.01 8.952c-.864-.025-1.618-.26-2.16-.802c-.576-.575-.808-1.387-.808-2.317c0-.345.28-.625.625-.625zM2.348 6.458c.072.376.21.634.385.809c.258.258.697.441 1.434.441q.147 0 .28.066l3.332 1.667a.63.63 0 0 1 .346.559v4.167a.63.63 0 0 1-.183.442L6.51 16.042h6.98l-1.432-1.433a.63.63 0 0 1-.183-.442V10c0-.209.105-.404.278-.52l2.5-1.667l.094-.051a1 1 0 0 1 .102-.035l2.488-.623a3 3 0 0 0-.325-.19A4.7 4.7 0 0 0 15 6.457z"/></svg>Anvil 20 Bold アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="energy-icons:anvil-20-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="energy-icons:anvil-20-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="energy-icons:anvil-20-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--anvil-20-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:anvil-20-bold"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="energy-icons:anvil-20-bold"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/energy-icons/anvil-20-bold.svg" alt="Anvil 20 Bold アイコン" width="24" height="24">Energy Icons の関連アイコン
Anvil 20 Bold アイコン のよくある質問
Anvil 20 Bold アイコンは商用利用でも無料ですか?
はい。Energy Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Anvil 20 Bold アイコンを使うには?
@iconify/react をインストールして <Icon icon="energy-icons:anvil-20-bold" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Anvil 20 Bold アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/energy-icons/anvil-20-bold.svg" alt="Anvil 20 Bold アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。