Hitachi アイコン
file-icons:hitachi
Hitachi アイコン(file-icons:hitachi)は、File Icons セットの無料 SVG アイコンです(作者: John Gardner)。 512 × 512 のグリッドで描かれています。 File Icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- File Icons
- 作者
- John Gardner
- ライセンス
- ISC
- サイズ
- 512 × 512
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M466.038 195.465c-20.856-71.727-77.49-128.617-149.321-149.321c-40.405-8.784-54.46-33.56-60.606-46.144c-6.15 12.585-21.538 38.19-61.065 46.092C123.093 66.982 66.544 123.6 45.962 195.687C37.179 236.092 12.584 250.143 0 256.293c12.584 6.145 38.056 21.078 45.962 60.606c20.775 71.708 78.25 128.12 149.98 148.958c40.406 8.783 54.46 33.558 60.606 46.143c6.15-12.585 21.08-38.238 60.606-46.143c71.642-20.8 128.076-77.591 148.884-149.177c8.784-40.405 33.378-54.464 45.962-60.606c-12.584-6.15-38.06-21.082-45.962-60.61m-190.604-70.708l-.022-50.274c41.516 4.364 78.887 22.835 107.367 50.274zm-39.524-.2H129.435c28.273-27.235 65.326-45.447 106.475-49.978zM98.58 163.842h68.378c-51.461 51.224-52.363 132.472.686 184.55H98.466c-34.074-58.851-32.738-128.749.115-184.55m157.531 274.83c-45.713 0-96.476-21.886-126.909-51.304l254.27.019c-32.833 31.636-78.169 51.285-127.36 51.285m157.83-90.28h-69.359c49.797-48.34 55.657-129.27-.237-184.55h69.404c32.816 56.936 34.21 125.885.193 184.55M237.696 285.6c-24.441-14.091-24.441-49.509 0-63.6s55.159 3.619 55.159 31.8s-30.718 45.89-55.159 31.8m-27.95 50.23c-61.54-36.348-61.54-127.712 0-164.06s138.882 9.333 138.882 82.03s-77.342 118.379-138.882 82.03"/></svg>Hitachi アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:hitachi" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:hitachi" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:hitachi" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--hitachi]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:hitachi"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:hitachi"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/file-icons/hitachi.svg" alt="Hitachi アイコン" width="24" height="24">他のアイコンセットの Hitachi アイコン
Hitachi アイコン のよくある質問
Hitachi アイコンは商用利用でも無料ですか?
はい。File Icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Hitachi アイコンを使うには?
@iconify/react をインストールして <Icon icon="file-icons:hitachi" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Hitachi アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/file-icons/hitachi.svg" alt="Hitachi アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。