Hardhat Icon アイコン
logos:hardhat-icon
Hardhat Icon アイコン(logos:hardhat-icon)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 256 × 177 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SVG Logos
- 作者
- Gil Barbara
- ライセンス
- CC0-1.0
- サイズ
- 256 × 177
- タグ
- hardhaticon
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="177" viewBox="0 0 256 177"><path fill="#f0d50c" d="M256 148.407s-38.993-5.777-59.597-7.434c-19.788-1.59-43.236-2.508-68.392-2.508s-48.603.918-68.385 2.508c-20.61 1.68-59.598 9.695-59.598 9.695v10.076c0 8.956 57.303 16.233 127.983 16.233s127.983-7.277 127.983-16.233zM88.66 14.764c-46.734 16.652-77.943 60.9-77.946 110.513v16.614a284 284 0 0 1 50.804-7.366a274 274 0 0 1-.18-9.634c.017-43.594 10.54-82.822 27.322-110.127"/><path fill="#fff04d" d="M245.303 125.277A116.8 116.8 0 0 0 218.53 50.69a243.2 243.2 0 0 1 11.105 74.212q0 6.87-.352 13.58a144 144 0 0 1 15.835 3.359z"/><path fill="#ffea00" d="M245.303 125.277A116.8 116.8 0 0 0 218.53 50.69a243.2 243.2 0 0 1 11.105 74.212q0 6.87-.352 13.58a144 144 0 0 1 15.835 3.359z"/><path fill="#fff04d" d="M218.53 50.684C187.104 12.59 135.2-1.766 88.666 14.764c-16.793 27.305-27.31 66.533-27.31 110.133q0 4.853.178 9.633c17.465-1.349 37.683-2.183 59.335-2.334h7.154a684 684 0 0 1 101.27 6.308q.343-6.716.354-13.58a243.2 243.2 0 0 0-11.117-74.24"/><path fill="#fff04d" d="m175.194 58.442l-7.434-46.46a8.96 8.96 0 0 0-6.292-7.215a117.8 117.8 0 0 0-66.348 0a8.96 8.96 0 0 0-6.286 7.215l-7.439 46.46m46.628 72.768h-7.16c-67.355.471-120.83 7.546-120.83 16.206v12.55a3.13 3.13 0 0 0 .443 2.115a29.9 29.9 0 0 1 11.531-5.295a225.6 225.6 0 0 1 32.36-5.418a21.67 21.67 0 0 1 16.977 5.541a45.67 45.67 0 0 0 30.843 11.985h71.649a45.68 45.68 0 0 0 30.843-11.985a21.66 21.66 0 0 1 16.983-5.547a225.5 225.5 0 0 1 32.354 5.419a27.05 27.05 0 0 1 10.937 4.786c.185.184.398.347.56.514a3.15 3.15 0 0 0 .448-2.127v-12.55c.039-8.928-57.263-16.193-127.938-16.193"/><path fill="#6e6f70" d="m154.98 93.942l-26.991 16.614v21.578z"/><path fill="#0a0a0a" d="M128.017 132.134v-21.578l-26.992-16.614zm-26.992-48.049l26.992 15.606V40.429z"/><path fill="#6e6f70" d="m154.98 84.085l-26.991-43.661v59.261l26.991-15.606z"/></svg>Hardhat Icon アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="logos:hardhat-icon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:hardhat-icon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:hardhat-icon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--hardhat-icon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:hardhat-icon"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:hardhat-icon"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/logos/hardhat-icon.svg" alt="Hardhat Icon アイコン" width="24" height="24">SVG Logos の関連アイコン
Hardhat Icon アイコン のよくある質問
Hardhat Icon アイコンは商用利用でも無料ですか?
はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Hardhat Icon アイコンを使うには?
@iconify/react をインストールして <Icon icon="logos:hardhat-icon" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Hardhat Icon アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/hardhat-icon.svg" alt="Hardhat Icon アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。