ICONYZ
English
Netbeans icon from theSVG Color

Netbeans icon

thesvg-color:netbeans

The Netbeans icon (thesvg-color:netbeans) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 444 × 512 grid. theSVG Color icons are released under the MIT 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
theSVG Color
Author
thesvg.org
License
MIT
Size
444 × 512
Tags
netbean
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="444" height="512" viewBox="0 0 444 512"><g fill="none" fill-rule="evenodd" stroke-width="0"><path fill="#a1c535" d="M222 0v99L86 178L0 128z"/><path fill="#add439" d="m444 128l-86 50l-136-79V0z"/><path fill="#1b6ac6" d="m444 384l-86-50V178l86-50z"/><path fill="#2e90e8" d="M222 512v-99l136-79l86 50z"/><path fill="#ea205e" d="m0 384l86-50l136 79v99z"/><path fill="#a5073e" d="m0 128l86 50v156L0 384z"/><path fill="#f1f6e2" d="m86 178l136-79l136 79l-136 78z"/><path fill="#cedbe6" d="m222 256l136-78v156l-136 79z"/><path fill="#fff" d="m86 178l136 78v157L86 334z"/></g></svg>

How to use the Netbeans icon

React

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

<Icon icon="thesvg-color:netbeans" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:netbeans" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:netbeans" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--netbeans]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:netbeans"></div>

Web component

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

<iconify-icon icon="thesvg-color:netbeans"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/thesvg-color/netbeans.svg" alt="Netbeans icon" width="24" height="24">

Netbeans icon in other icon sets

Netbeans icon FAQ

Is the Netbeans icon free for commercial use?

Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Netbeans icon in React?

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

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

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

Browse all theSVG Color icons →