Neon icon

file-icons:neon

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

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="470" height="512" viewBox="0 0 470 512"><path fill="currentColor" d="M220.395 99.647v139.505h-49.127v-130.62c0-73.632-122.141-73.632-122.141 0v130.62H0V99.647c0-132.863 220.395-132.863 220.395 0m29.21 272.848V512h49.127V381.38c0-73.632 122.141-73.632 122.141 0V512H470V372.495c0-132.862-220.395-132.862-220.395 0M470 188.742H350.848c-25.47 0-47.479-11.442-47.479-41.03h165.296s17.713-146.54-111.37-146.54s-111.37 113.025-111.37 146.54s21.45 99.646 104.923 99.646H470zM303.369 102.76c0-68.338 112.008-68.338 112.008 0zM54.254 426.213c0 44.778 111.887 44.778 111.887 0V360.39c0-52.838-111.887-52.838-111.887 0zM1.514 349.63c0-103.817 217.367-103.817 217.367 0v82.198c0 104.69-217.368 104.69-217.368 0z"/></svg>

How to use the Neon icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Neon icon in other icon sets

Neon icon FAQ

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

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

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

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

Browse all File Icons →