nodejs logo
nodejs from Devicon by konpa · Original · MIT Free for personal and commercial use.
- Name
- nodejs
- Set
- Devicon
- Style
- Original
- Viewbox
- 128×128
- License
- MIT
1 other variant in Devicon
The same logo in other sets
Use the nodejs logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="url(#SVGfJo5KBID)" d="M66.958.825a6.07 6.07 0 0 0-6.035 0L11.103 29.76c-1.895 1.072-2.96 3.095-2.96 5.24v57.988c0 2.143 1.183 4.167 2.958 5.24l49.82 28.934a6.07 6.07 0 0 0 6.036 0l49.82-28.935c1.894-1.072 2.958-3.096 2.958-5.24V35c0-2.144-1.183-4.167-2.958-5.24z"/><path fill="url(#SVGO7R9ibnx)" d="M116.897 29.76L66.841.825A8 8 0 0 0 65.302.23L9.21 96.798a6.3 6.3 0 0 0 1.657 1.43l50.057 28.934c1.42.833 3.076 1.072 4.615.595l52.66-96.925a3.7 3.7 0 0 0-1.302-1.072"/><path fill="url(#SVGXTTu2b3u)" d="M116.898 98.225c1.42-.833 2.485-2.262 2.958-3.81L65.066.108c-1.42-.238-2.959-.119-4.26.715L11.104 29.639l53.606 98.355c.71-.12 1.54-.358 2.25-.715z"/><defs><linearGradient id="SVGfJo5KBID" x1="34.513" x2="27.157" y1="15.535" y2="30.448" gradientTransform="translate(-129.242 -73.715)scale(6.18523)" gradientUnits="userSpaceOnUse"><stop stop-color="#3f873f"/><stop offset=".33" stop-color="#3f8b3d"/><stop offset=".637" stop-color="#3e9638"/><stop offset=".934" stop-color="#3da92e"/><stop offset="1" stop-color="#3dae2b"/></linearGradient><linearGradient id="SVGO7R9ibnx" x1="30.009" x2="50.533" y1="23.359" y2="8.288" gradientTransform="translate(-129.242 -73.715)scale(6.18523)" gradientUnits="userSpaceOnUse"><stop offset=".138" stop-color="#3f873f"/><stop offset=".402" stop-color="#52a044"/><stop offset=".713" stop-color="#64b749"/><stop offset=".908" stop-color="#6abf4b"/></linearGradient><linearGradient id="SVGXTTu2b3u" x1="21.917" x2="40.555" y1="22.261" y2="22.261" gradientTransform="translate(-129.242 -73.715)scale(6.18523)" gradientUnits="userSpaceOnUse"><stop offset=".092" stop-color="#6abf4b"/><stop offset=".287" stop-color="#64b749"/><stop offset=".598" stop-color="#52a044"/><stop offset=".862" stop-color="#3f873f"/></linearGradient></defs></svg>
React
import type { SVGProps } from "react";
export function DeviconNodejs(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="url(#SVGfJo5KBID)" d="M66.958.825a6.07 6.07 0 0 0-6.035 0L11.103 29.76c-1.895 1.072-2.96 3.095-2.96 5.24v57.988c0 2.143 1.183 4.167 2.958 5.24l49.82 28.934a6.07 6.07 0 0 0 6.036 0l49.82-28.935c1.894-1.072 2.958-3.096 2.958-5.24V35c0-2.144-1.183-4.167-2.958-5.24z"/><path fill="url(#SVGO7R9ibnx)" d="M116.897 29.76L66.841.825A8 8 0 0 0 65.302.23L9.21 96.798a6.3 6.3 0 0 0 1.657 1.43l50.057 28.934c1.42.833 3.076 1.072 4.615.595l52.66-96.925a3.7 3.7 0 0 0-1.302-1.072"/><path fill="url(#SVGXTTu2b3u)" d="M116.898 98.225c1.42-.833 2.485-2.262 2.958-3.81L65.066.108c-1.42-.238-2.959-.119-4.26.715L11.104 29.639l53.606 98.355c.71-.12 1.54-.358 2.25-.715z"/><defs><linearGradient id="SVGfJo5KBID" x1="34.513" x2="27.157" y1="15.535" y2="30.448" gradientTransform="translate(-129.242 -73.715)scale(6.18523)" gradientUnits="userSpaceOnUse"><stop stopColor="#3f873f"/><stop offset=".33" stopColor="#3f8b3d"/><stop offset=".637" stopColor="#3e9638"/><stop offset=".934" stopColor="#3da92e"/><stop offset="1" stopColor="#3dae2b"/></linearGradient><linearGradient id="SVGO7R9ibnx" x1="30.009" x2="50.533" y1="23.359" y2="8.288" gradientTransform="translate(-129.242 -73.715)scale(6.18523)" gradientUnits="userSpaceOnUse"><stop offset=".138" stopColor="#3f873f"/><stop offset=".402" stopColor="#52a044"/><stop offset=".713" stopColor="#64b749"/><stop offset=".908" stopColor="#6abf4b"/></linearGradient><linearGradient id="SVGXTTu2b3u" x1="21.917" x2="40.555" y1="22.261" y2="22.261" gradientTransform="translate(-129.242 -73.715)scale(6.18523)" gradientUnits="userSpaceOnUse"><stop offset=".092" stopColor="#6abf4b"/><stop offset=".287" stopColor="#64b749"/><stop offset=".598" stopColor="#52a044"/><stop offset=".862" stopColor="#3f873f"/></linearGradient></defs></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="url(#SVGfJo5KBID)" d="M66.958.825a6.07 6.07 0 0 0-6.035 0L11.103 29.76c-1.895 1.072-2.96 3.095-2.96 5.24v57.988c0 2.143 1.183 4.167 2.958 5.24l49.82 28.934a6.07 6.07 0 0 0 6.036 0l49.82-28.935c1.894-1.072 2.958-3.096 2.958-5.24V35c0-2.144-1.183-4.167-2.958-5.24z"/><path fill="url(#SVGO7R9ibnx)" d="M116.897 29.76L66.841.825A8 8 0 0 0 65.302.23L9.21 96.798a6.3 6.3 0 0 0 1.657 1.43l50.057 28.934c1.42.833 3.076 1.072 4.615.595l52.66-96.925a3.7 3.7 0 0 0-1.302-1.072"/><path fill="url(#SVGXTTu2b3u)" d="M116.898 98.225c1.42-.833 2.485-2.262 2.958-3.81L65.066.108c-1.42-.238-2.959-.119-4.26.715L11.104 29.639l53.606 98.355c.71-.12 1.54-.358 2.25-.715z"/><defs><linearGradient id="SVGfJo5KBID" x1="34.513" x2="27.157" y1="15.535" y2="30.448" gradientTransform="translate(-129.242 -73.715)scale(6.18523)" gradientUnits="userSpaceOnUse"><stop stop-color="#3f873f"/><stop offset=".33" stop-color="#3f8b3d"/><stop offset=".637" stop-color="#3e9638"/><stop offset=".934" stop-color="#3da92e"/><stop offset="1" stop-color="#3dae2b"/></linearGradient><linearGradient id="SVGO7R9ibnx" x1="30.009" x2="50.533" y1="23.359" y2="8.288" gradientTransform="translate(-129.242 -73.715)scale(6.18523)" gradientUnits="userSpaceOnUse"><stop offset=".138" stop-color="#3f873f"/><stop offset=".402" stop-color="#52a044"/><stop offset=".713" stop-color="#64b749"/><stop offset=".908" stop-color="#6abf4b"/></linearGradient><linearGradient id="SVGXTTu2b3u" x1="21.917" x2="40.555" y1="22.261" y2="22.261" gradientTransform="translate(-129.242 -73.715)scale(6.18523)" gradientUnits="userSpaceOnUse"><stop offset=".092" stop-color="#6abf4b"/><stop offset=".287" stop-color="#64b749"/><stop offset=".598" stop-color="#52a044"/><stop offset=".862" stop-color="#3f873f"/></linearGradient></defs></svg> </template>
CSS
.icon-nodejs {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cpath%20fill%3D%22url(%23SVGfJo5KBID)%22%20d%3D%22M66.958.825a6.07%206.07%200%200%200-6.035%200L11.103%2029.76c-1.895%201.072-2.96%203.095-2.96%205.24v57.988c0%202.143%201.183%204.167%202.958%205.24l49.82%2028.934a6.07%206.07%200%200%200%206.036%200l49.82-28.935c1.894-1.072%202.958-3.096%202.958-5.24V35c0-2.144-1.183-4.167-2.958-5.24z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGO7R9ibnx)%22%20d%3D%22M116.897%2029.76L66.841.825A8%208%200%200%200%2065.302.23L9.21%2096.798a6.3%206.3%200%200%200%201.657%201.43l50.057%2028.934c1.42.833%203.076%201.072%204.615.595l52.66-96.925a3.7%203.7%200%200%200-1.302-1.072%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGXTTu2b3u)%22%20d%3D%22M116.898%2098.225c1.42-.833%202.485-2.262%202.958-3.81L65.066.108c-1.42-.238-2.959-.119-4.26.715L11.104%2029.639l53.606%2098.355c.71-.12%201.54-.358%202.25-.715z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGfJo5KBID%22%20x1%3D%2234.513%22%20x2%3D%2227.157%22%20y1%3D%2215.535%22%20y2%3D%2230.448%22%20gradientTransform%3D%22translate(-129.242%20-73.715)scale(6.18523)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%233f873f%22%2F%3E%3Cstop%20offset%3D%22.33%22%20stop-color%3D%22%233f8b3d%22%2F%3E%3Cstop%20offset%3D%22.637%22%20stop-color%3D%22%233e9638%22%2F%3E%3Cstop%20offset%3D%22.934%22%20stop-color%3D%22%233da92e%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%233dae2b%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGO7R9ibnx%22%20x1%3D%2230.009%22%20x2%3D%2250.533%22%20y1%3D%2223.359%22%20y2%3D%228.288%22%20gradientTransform%3D%22translate(-129.242%20-73.715)scale(6.18523)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.138%22%20stop-color%3D%22%233f873f%22%2F%3E%3Cstop%20offset%3D%22.402%22%20stop-color%3D%22%2352a044%22%2F%3E%3Cstop%20offset%3D%22.713%22%20stop-color%3D%22%2364b749%22%2F%3E%3Cstop%20offset%3D%22.908%22%20stop-color%3D%22%236abf4b%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGXTTu2b3u%22%20x1%3D%2221.917%22%20x2%3D%2240.555%22%20y1%3D%2222.261%22%20y2%3D%2222.261%22%20gradientTransform%3D%22translate(-129.242%20-73.715)scale(6.18523)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.092%22%20stop-color%3D%22%236abf4b%22%2F%3E%3Cstop%20offset%3D%22.287%22%20stop-color%3D%22%2364b749%22%2F%3E%3Cstop%20offset%3D%22.598%22%20stop-color%3D%22%2352a044%22%2F%3E%3Cstop%20offset%3D%22.862%22%20stop-color%3D%22%233f873f%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cpath%20fill%3D%22url(%23SVGfJo5KBID)%22%20d%3D%22M66.958.825a6.07%206.07%200%200%200-6.035%200L11.103%2029.76c-1.895%201.072-2.96%203.095-2.96%205.24v57.988c0%202.143%201.183%204.167%202.958%205.24l49.82%2028.934a6.07%206.07%200%200%200%206.036%200l49.82-28.935c1.894-1.072%202.958-3.096%202.958-5.24V35c0-2.144-1.183-4.167-2.958-5.24z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGO7R9ibnx)%22%20d%3D%22M116.897%2029.76L66.841.825A8%208%200%200%200%2065.302.23L9.21%2096.798a6.3%206.3%200%200%200%201.657%201.43l50.057%2028.934c1.42.833%203.076%201.072%204.615.595l52.66-96.925a3.7%203.7%200%200%200-1.302-1.072%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGXTTu2b3u)%22%20d%3D%22M116.898%2098.225c1.42-.833%202.485-2.262%202.958-3.81L65.066.108c-1.42-.238-2.959-.119-4.26.715L11.104%2029.639l53.606%2098.355c.71-.12%201.54-.358%202.25-.715z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGfJo5KBID%22%20x1%3D%2234.513%22%20x2%3D%2227.157%22%20y1%3D%2215.535%22%20y2%3D%2230.448%22%20gradientTransform%3D%22translate(-129.242%20-73.715)scale(6.18523)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%233f873f%22%2F%3E%3Cstop%20offset%3D%22.33%22%20stop-color%3D%22%233f8b3d%22%2F%3E%3Cstop%20offset%3D%22.637%22%20stop-color%3D%22%233e9638%22%2F%3E%3Cstop%20offset%3D%22.934%22%20stop-color%3D%22%233da92e%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%233dae2b%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGO7R9ibnx%22%20x1%3D%2230.009%22%20x2%3D%2250.533%22%20y1%3D%2223.359%22%20y2%3D%228.288%22%20gradientTransform%3D%22translate(-129.242%20-73.715)scale(6.18523)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.138%22%20stop-color%3D%22%233f873f%22%2F%3E%3Cstop%20offset%3D%22.402%22%20stop-color%3D%22%2352a044%22%2F%3E%3Cstop%20offset%3D%22.713%22%20stop-color%3D%22%2364b749%22%2F%3E%3Cstop%20offset%3D%22.908%22%20stop-color%3D%22%236abf4b%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGXTTu2b3u%22%20x1%3D%2221.917%22%20x2%3D%2240.555%22%20y1%3D%2222.261%22%20y2%3D%2222.261%22%20gradientTransform%3D%22translate(-129.242%20-73.715)scale(6.18523)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.092%22%20stop-color%3D%22%236abf4b%22%2F%3E%3Cstop%20offset%3D%22.287%22%20stop-color%3D%22%2364b749%22%2F%3E%3Cstop%20offset%3D%22.598%22%20stop-color%3D%22%2352a044%22%2F%3E%3Cstop%20offset%3D%22.862%22%20stop-color%3D%22%233f873f%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/devicon/nodejs.svg?color=%231a73e8&size=48
