Hardhat Wordmark アイコン

Q: Hardhat Wordmark アイコンは商用利用でも無料ですか?

はい。Devicon Plain icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

devicon-plain:hardhat-wordmark

Hardhat Wordmark アイコン(devicon-plain:hardhat-wordmark)は、Devicon Plain セットの無料 SVG アイコンです（作者: konpa）。 128 × 128 のグリッドで描かれています。 Devicon Plain icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Devicon Plain
作者: konpa
ライセンス: MIT
サイズ: 128 × 128
タグ: hardhatwordmark

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="currentColor" d="M19.512 50.51a18 18 0 0 0-5.045.717a1.36 1.36 0 0 0-.639.406c-.17.192-.281.429-.32.681l-.072.44a17.8 17.8 0 0 0-8.555 6.465a17.56 17.56 0 0 0-3.246 10.164v2.361c-1.046.301-1.63.632-1.63.98v1.891a.46.46 0 0 0 .067.319l.012-.008c.851 1.253 9.208 2.564 19.387 2.564c10.197 0 18.561-1.32 19.39-2.57l-.004-.004a.47.47 0 0 0 .07-.303v-1.89c0-.352-.59-.687-1.652-.989l.026-2.351c0-3.623-1.123-7.158-3.219-10.127a17.8 17.8 0 0 0-8.496-6.47l-.076-.472a1.34 1.34 0 0 0-.319-.68a1.36 1.36 0 0 0-.636-.407a18 18 0 0 0-5.043-.717m72.209 5.478v5.559c-.479-.733-1.586-1.508-3.784-1.508c-3.695 0-4.74 2.648-4.74 5.664c0 3.017 1.09 5.668 4.764 5.668c2.635 0 3.873-.972 4.264-1.726l.523 1.574h1.258v-15.23H91.72zm5.203 0v15.23h2.283l.043-6.183c0-2.09.5-3.058 2.848-3.058c2.37 0 2.72.99 2.72 3.058v6.184l2.305-.004v-5.967c0-3.166-.74-5.213-4.371-5.213c-2.132 0-3.111.736-3.545 1.528v-5.575zm-77.46.069v9.609l-4.171-2.568l4.172-7.041zm.003.002l4.172 7.04l-4.172 2.565V56.06zm29.574 1.373v13.787h2.39v-6.074h6.825v6.074h2.414V57.432h-2.414v5.795h-6.824v-5.795zm73.738 0v2.757l-1.586.473v1.379h1.588v6.006c0 2.607 1.544 3.47 5.219 3.254v-1.848c-2.414.107-2.85-.367-2.85-1.402v-6.01l2.848-.004V60.19h-2.914v-2.757zm-54.152 2.603c-3.914 0-4.871 1.766-4.871 4.05l2.265-.022c0-1.379.565-2.198 2.631-2.198c2.243 0 2.83.928 2.895 2.531l-3.502.344c-3.174.3-4.63 1.228-4.63 3.252c0 2.328 1.912 3.385 4.304 3.385c2.304 0 3.848-.952 4.37-1.814l.48 1.658l1.257-.004v-6.27c0-2.97-.655-4.912-5.199-4.912m45.986 0c-3.913 0-4.87 1.766-4.87 4.05l2.265-.022c0-1.379.566-2.198 2.63-2.198c2.248 0 2.836.928 2.897 2.531l-3.5.344c-3.175.3-4.633 1.228-4.633 3.252c0 2.328 1.914 3.385 4.307 3.385c2.308 0 3.852-.952 4.375-1.814l.478 1.658l1.25-.004v-6.27c0-2.97-.654-4.912-5.199-4.912m-32.775.002c-2.175 0-3.24.95-3.588 1.682l-.549-1.532h-1.24V71.22h2.322V65.1c0-1.781.46-3.058 2.787-3.058c.196 0 .412.043.637.043v-2.047zm6.799 1.938l.002.002c2.654 0 3.109 1.593 3.109 3.724c0 2.262-.543 3.77-3.13 3.77c-2.523 0-3.046-1.552-3.046-3.77s.522-3.726 3.065-3.726m-64.998 2.513c0 .003-4.094 5.807-4.172 5.918v.004l-4.172-5.916l4.172 2.567v-.002l4.172-2.57zm47.908 1.649l.004.345c0 1.918-1.197 3.08-3.24 3.08c-1.63 0-2.502-.581-2.502-1.593c0-.863.653-1.272 2.587-1.489zm45.992 0l.004.345c0 1.918-1.197 3.08-3.24 3.08c-1.63 0-2.502-.581-2.502-1.593c0-.863.654-1.272 2.588-1.489z"/></svg>

Hardhat Wordmark アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="devicon-plain:hardhat-wordmark" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="devicon-plain:hardhat-wordmark" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="devicon-plain:hardhat-wordmark" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon-plain--hardhat-wordmark]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/devicon-plain -->
<div class="i-devicon-plain:hardhat-wordmark"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="devicon-plain:hardhat-wordmark"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/devicon-plain/hardhat-wordmark.svg" alt="Hardhat Wordmark アイコン" width="24" height="24">

Devicon Plain の関連アイコン

他のアイコンセットの Hardhat Wordmark アイコン

Hardhat Wordmark アイコンのよくある質問

Hardhat Wordmark アイコンは商用利用でも無料ですか?

はい。Devicon Plain icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Hardhat Wordmark アイコンを使うには?

@iconify/react をインストールして <Icon icon="devicon-plain:hardhat-wordmark" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Hardhat Wordmark アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/devicon-plain/hardhat-wordmark.svg" alt="Hardhat Wordmark アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Devicon Plain アイコンをすべて見る →