ICONYZ
日本語
WebHostingHub Glyphs の Ironman アイコン

Ironman アイコン

whh:ironman

Ironman アイコン(whh:ironman)は、WebHostingHub Glyphs セットの無料 SVG アイコンです(作者: WebHostingHub)。 832 × 1024 のグリッドで描かれています。 WebHostingHub Glyphs icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
WebHostingHub Glyphs
作者
WebHostingHub
ライセンス
OFL-1.1
サイズ
832 × 1024
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="832" height="1024" viewBox="0 0 832 1024"><path fill="currentColor" d="M773 832q-24 52-73 102t-109 90H241q-56-37-103.5-88T64 832Q0 704 0 320q0-35 11-96.5T32 128l160-96Q291 0 419 0q121 0 221 32l160 96q10 34 21 95.5t11 96.5q0 384-59 512M271 960h294q88-61 139-160l-64 32h-64l-48-64H304l-48 64h-64l-64-32q43 90 143 160m497-768L606 92q-33-11-65-17l-29 117q-7 27-23 45.5T448 256h-64q-24 0-40.5-19.5T320 192L291 76q-30 6-60 16L64 192v224q0 55 16 137.5T96 672q0 24 6 51l125 62l61-81h256l61 81l125-62q6-28 6-51q0-34 16-118.5T768 416zM512 416l192-32v64l-192 64zm-384-32l192 32v96l-192-64z"/></svg>

Ironman アイコンの使い方

React

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

<Icon icon="whh:ironman" width="24" />

Vue

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

<template>
  <Icon icon="whh:ironman" width="24" />
</template>

Svelte

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

<Icon icon="whh:ironman" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--ironman]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:ironman"></div>

Web コンポーネント

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

<iconify-icon icon="whh:ironman"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/whh/ironman.svg" alt="Ironman アイコン" width="24" height="24">

Ironman アイコン のよくある質問

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

はい。WebHostingHub Glyphs icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

WebHostingHub Glyphs アイコン をすべて見る →