Nodedotjs icon
thesvg-color:nodedotjs
The Nodedotjs icon (thesvg-color:nodedotjs) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 256 × 292 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
- 256 × 292
- Tags
- nodedotj
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="292" viewBox="0 0 256 292"><defs><linearGradient id="SVG1ChKRdyM" x1="68.188%" x2="27.823%" y1="17.487%" y2="89.755%"><stop offset="0%" stop-color="#41873f"/><stop offset="32.88%" stop-color="#418b3d"/><stop offset="63.52%" stop-color="#419637"/><stop offset="93.19%" stop-color="#3fa92d"/><stop offset="100%" stop-color="#3fae2a"/></linearGradient><linearGradient id="SVGaMJtkcxE" x1="43.277%" x2="159.245%" y1="55.169%" y2="-18.306%"><stop offset="13.76%" stop-color="#41873f"/><stop offset="40.32%" stop-color="#54a044"/><stop offset="71.36%" stop-color="#66b848"/><stop offset="90.81%" stop-color="#6cc04a"/></linearGradient><linearGradient id="SVGPqbGjbGu" x1="-4.389%" x2="101.499%" y1="49.997%" y2="49.997%"><stop offset="9.192%" stop-color="#6cc04a"/><stop offset="28.64%" stop-color="#66b848"/><stop offset="59.68%" stop-color="#54a044"/><stop offset="86.24%" stop-color="#41873f"/></linearGradient><path id="SVGoVetVcQA" d="M134.923 1.832c-4.344-2.443-9.502-2.443-13.846 0L6.787 67.801C2.443 70.244 0 74.859 0 79.745v132.208c0 4.887 2.715 9.502 6.787 11.945l114.29 65.968c4.344 2.444 9.502 2.444 13.846 0l114.29-65.968c4.344-2.443 6.787-7.058 6.787-11.945V79.745c0-4.886-2.715-9.501-6.787-11.944z"/></defs><path fill="url(#SVG1ChKRdyM)" d="M134.923 1.832c-4.344-2.443-9.502-2.443-13.846 0L6.787 67.801C2.443 70.244 0 74.859 0 79.745v132.208c0 4.887 2.715 9.502 6.787 11.945l114.29 65.968c4.344 2.444 9.502 2.444 13.846 0l114.29-65.968c4.344-2.443 6.787-7.058 6.787-11.945V79.745c0-4.886-2.715-9.501-6.787-11.944z"/><mask id="SVGp8cGfcMV" fill="#fff"><use href="#SVGoVetVcQA"/></mask><path fill="url(#SVGaMJtkcxE)" d="M249.485 67.8L134.65 1.833c-1.086-.542-2.443-1.085-3.529-1.357L2.443 220.912c1.086 1.357 2.444 2.443 3.8 3.258l114.834 65.968c3.258 1.9 7.059 2.443 10.588 1.357L252.47 70.515c-.815-1.086-1.9-1.9-2.986-2.714Z" mask="url(#SVGp8cGfcMV)"/><path fill="url(#SVGPqbGjbGu)" d="M249.756 223.898c3.258-1.9 5.701-5.158 6.787-8.687L130.579.204c-3.258-.543-6.787-.272-9.773 1.628L6.786 67.53l122.979 224.238c1.628-.272 3.529-.815 5.158-1.63l114.833-66.239Z" mask="url(#SVGp8cGfcMV)"/></svg>How to use the Nodedotjs icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:nodedotjs" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:nodedotjs" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:nodedotjs" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--nodedotjs]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:nodedotjs"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:nodedotjs"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/nodedotjs.svg" alt="Nodedotjs icon" width="24" height="24">Nodedotjs icon in other icon sets
Nodedotjs icon FAQ
Is the Nodedotjs 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 Nodedotjs icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:nodedotjs" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Nodedotjs icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/nodedotjs.svg" alt="Nodedotjs icon">, or paste the SVG code inline to style it with CSS.