Hitachi icon

file-icons:hitachi

The Hitachi icon (file-icons:hitachi) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 512 × 512 grid. File Icons are released under the ISC license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: File Icons
Author: John Gardner
License: ISC
Size: 512 × 512

Download SVG

SVG code

<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>

How to use the Hitachi icon

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 component

<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 image

<img src="https://iconyz.com/api/public/svg/file-icons/hitachi.svg" alt="Hitachi icon" width="24" height="24">

Hitachi icon in other icon sets

Hitachi icon FAQ

Is the Hitachi icon free for commercial use?

Yes. File Icons are released under the ISC license, which allows use in personal and commercial projects.

How do I use the Hitachi icon in React?

Install @iconify/react and render <Icon icon="file-icons:hitachi" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Hitachi icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/hitachi.svg" alt="Hitachi icon">, or paste the SVG code inline to style it with CSS.

Browse all File Icons →