Genshi icon

file-icons:genshi

The Genshi icon (file-icons:genshi) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 310 × 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: 310 × 512

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="310" height="512" viewBox="0 0 310 512"><path fill="currentColor" d="M252.398 291.155c3.228-2.033 9.937-3.06 20.11-3.06c2.773 0 5.082.515 6.932 1.53c1.842 1.027 3.348 3.7 4.507 8.023q1.723 6.504 2.082 19.87c.228 8.918.347 21.529.347 37.827c0 34.138 1.04 61.78 3.121 82.912q3.118 31.7 3.12 53.877c0 7.128-1.278 12.226-3.815 15.283q-3.817 4.584-16.294 4.583c-2.773 0-5.095-.763-6.937-2.293c-1.85-1.527-3.704-4.464-5.545-8.787c-1.854-4.335-3.585-10.58-5.199-18.723q-2.439-12.231-5.202-32.093q-2.78-19.869-20.801-19.87c-1.854 0-5.202.512-10.057 1.526c-4.85 1.027-10.52 2.042-16.985 3.057a1021 1021 0 0 1-20.805 3.057c-7.4 1.027-14.333 1.53-20.801 1.53c-31.897 0-58.136-6.617-78.702-19.87c-20.573-13.242-36.867-29.42-48.882-48.523c-12.027-19.107-20.457-39.093-25.312-59.99C2.43 290.136 0 271.797 0 256.002c0-31.581 4.387-62.663 13.177-93.23c8.775-30.57 22.536-57.816 41.255-81.77c18.723-23.937 42.405-43.423 71.074-58.459C154.162 7.523 188.368 0 228.129 0c26.35 0 46.456 3.188 60.325 9.553c13.869 6.377 20.805 16.43 20.805 30.187q-.002 5.351-4.163 11.08c-4.161 5.729-6.014 7.14-9.705 9.933c-3.708 2.805-7.4 5.098-11.096 6.877c-3.704 1.794-6.705 2.677-9.014 2.677q-4.859 0-10.053-4.587c-3.468-3.057-10.293-9.67-20.458-19.867c-4.627-4.586-9.014-7.511-13.173-8.79c-4.16-1.262-9.254-1.91-15.255-1.91c-22.655 0-44.032 7.524-64.138 22.543c-20.11 15.032-37.79 34.007-53.045 56.934c-15.255 22.922-27.282 48.023-36.06 75.269c-8.787 27.262-13.174 53.11-13.174 77.566c0 27.51 2.657 49.933 7.975 67.246c5.31 17.325 12.71 30.698 22.188 40.12c9.47 9.434 20.457 15.927 32.935 19.487c12.483 3.568 25.884 5.35 40.22 5.35c12.482 0 23.922-1.65 34.322-4.967q15.6-4.962 27.043-12.61c7.627-5.086 13.629-10.7 18.028-16.813q6.58-9.17 7.975-18.34l5.546-45.85c.923-4.587 3-7.891 6.24-9.933"/></svg>

How to use the Genshi icon

React

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

<Icon icon="file-icons:genshi" width="24" />

Vue

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

<template>
  <Icon icon="file-icons:genshi" width="24" />
</template>

Svelte

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

<Icon icon="file-icons:genshi" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--genshi]"></span>

UnoCSS

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

Web component

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

<iconify-icon icon="file-icons:genshi"></iconify-icon>

HTML image

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

Genshi icon FAQ

Is the Genshi 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 Genshi icon in React?

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

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

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

Browse all File Icons →