Nusantara icon
thesvg-color:nusantara
The Nusantara icon (thesvg-color:nusantara) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 150 × 150 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
- 150 × 150
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150"><defs><clipPath id="SVGU3pdo2XM"><path d="M30.398 11.43h89.25v127.5h-89.25Zm0 0"/></clipPath><clipPath id="SVGZq8XkcJH"><path d="M30.398 52H74v46H30.398Zm0 0"/></clipPath><clipPath id="SVG5K3Iqdnk"><path d="M76 52h43.648v46H76Zm0 0"/></clipPath></defs><g clip-path="url(#SVGU3pdo2XM)"><path fill="#371c99" d="m119.27 97.715l-.075 40.91l-74.047-71.367L30.48 52.539l.075-41.027l82.593 80.125Zm0 0"/></g><g clip-path="url(#SVGZq8XkcJH)"><path fill="#371c99" d="m73.496 97.36l-43.098-.079l.082-44.582Zm0 0"/></g><g clip-path="url(#SVG5K3Iqdnk)"><path fill="#371c99" d="m119.352 52.86l-.082 44.581l-42.723-44.66Zm0 0"/></g></svg>How to use the Nusantara icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:nusantara" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:nusantara" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:nusantara" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--nusantara]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:nusantara"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:nusantara"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/nusantara.svg" alt="Nusantara icon" width="24" height="24">Nusantara icon in other icon sets
Nusantara icon FAQ
Is the Nusantara 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 Nusantara icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:nusantara" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Nusantara icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/nusantara.svg" alt="Nusantara icon">, or paste the SVG code inline to style it with CSS.