Hitachi アイコン
cib:hitachi
Hitachi アイコン(cib:hitachi)は、CoreUI Brands セットの無料 SVG アイコンです（作者: creativeLabs Łukasz Holeczek）。 32 × 32 のグリッドで描かれています。 CoreUI Brands icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- CoreUI Brands
- 作者
- creativeLabs Łukasz Holeczek
- ライセンス
- CC0-1.0
- サイズ
- 32 × 32
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M23.714 15.214h-1.365c0-.13-.026-.255-.068-.38a.97.97 0 0 0-.615-.568a1.88 1.88 0 0 0-1.219.026c-.333.12-.594.385-.714.724a3.1 3.1 0 0 0-.052 1.896c.099.359.365.651.714.781a2 2 0 0 0 1.302.036a.95.95 0 0 0 .573-.516q.11-.252.104-.526h1.375q-.015.234-.063.469c-.12.484-.464.896-.917 1.083a4.32 4.32 0 0 1-3 .141c-.635-.198-1.188-.656-1.406-1.281a3.3 3.3 0 0 1-.177-1.052c0-.516.094-1.016.339-1.432a2.24 2.24 0 0 1 1.125-.938c1-.375 2.109-.349 3.089.083c.479.208.823.63.932 1.141c.021.099.036.208.042.313zm-5.303 3.25h-1.453l-.427-1.057h-2.443s-.422 1.057-.427 1.057h-1.453l2.302-4.927c0 .005 1.599 0 1.599 0zm7.308 0h-1.302s.01-4.927 0-4.927h1.302v1.974h2.635v-1.974h1.307s.005 4.917 0 4.927h-1.307v-2.167c0 .005-2.635 0-2.635 0c.005.005 0 2.161 0 2.167m-24.412 0H0s.005-4.927 0-4.927h1.307s-.005 1.984 0 1.974h2.63c0 .005-.005-1.974 0-1.974h1.307s.005 4.917 0 4.927H3.937v-2.167c0 .005-2.63 0-2.63 0c0 .005-.005 2.167 0 2.167m10.042 0h-1.307v-4.089H8.047s.005-.833 0-.839c.005.005 5.297 0 5.297 0v.839h-1.995zm-5.068-4.928h1.302v4.927H6.281zm24.412 0H32v4.927h-1.307zm-15.38.839l-.906 2.24h1.813z"/></svg>Hitachi アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cib:hitachi" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cib:hitachi" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cib:hitachi" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cib--hitachi]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cib -->
<div class="i-cib:hitachi"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cib:hitachi"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cib/hitachi.svg" alt="Hitachi アイコン" width="24" height="24">他のアイコンセットの Hitachi アイコン
Hitachi アイコン のよくある質問
Hitachi アイコンは商用利用でも無料ですか?
はい。CoreUI Brands icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Hitachi アイコンを使うには?
@iconify/react をインストールして <Icon icon="cib:hitachi" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Hitachi アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cib/hitachi.svg" alt="Hitachi アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。