nodejs alt logo

nodejs-alt from Material Icon Theme by Material Extensions · Color · MIT Free for personal and commercial use.

Name
nodejs-alt
Set
Material Icon Theme
Style
Color
Viewbox
32×32
License
MIT

Use the nodejs alt logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#388e3c" d="M15.354 2.831L4.647 8.861A1.25 1.25 0 0 0 4 9.953V22.03a1.26 1.26 0 0 0 .646 1.095l10.709 6.039a1.32 1.32 0 0 0 1.294 0l10.705-6.038A1.26 1.26 0 0 0 28 22.03V9.96a1.25 1.25 0 0 0-.647-1.093L16.65 2.836a1.32 1.32 0 0 0-1.294 0Z"/><path fill="#4caf50" d="M4.305 22.784a1.3 1.3 0 0 0 .381.328l9.185 5.18l1.53.862a1.3 1.3 0 0 0 .745.166a1.4 1.4 0 0 0 .254-.046L27.693 9.082a1.3 1.3 0 0 0-.294-.234L20.38 4.894l-3.705-2.082a1.3 1.3 0 0 0-.335-.13Z"/><path fill="#66bb6a" d="M27.693 22.784a1.3 1.3 0 0 1-.38.328l-9.185 5.18l-1.53.862a1.3 1.3 0 0 1-.745.166a1.4 1.4 0 0 1-.254-.046L4.305 9.08a1.3 1.3 0 0 1 .295-.234l7.018-3.952l3.705-2.082a1.3 1.3 0 0 1 .335-.13Z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialIconThemeNodejsAlt(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#388e3c" d="M15.354 2.831L4.647 8.861A1.25 1.25 0 0 0 4 9.953V22.03a1.26 1.26 0 0 0 .646 1.095l10.709 6.039a1.32 1.32 0 0 0 1.294 0l10.705-6.038A1.26 1.26 0 0 0 28 22.03V9.96a1.25 1.25 0 0 0-.647-1.093L16.65 2.836a1.32 1.32 0 0 0-1.294 0Z"/><path fill="#4caf50" d="M4.305 22.784a1.3 1.3 0 0 0 .381.328l9.185 5.18l1.53.862a1.3 1.3 0 0 0 .745.166a1.4 1.4 0 0 0 .254-.046L27.693 9.082a1.3 1.3 0 0 0-.294-.234L20.38 4.894l-3.705-2.082a1.3 1.3 0 0 0-.335-.13Z"/><path fill="#66bb6a" d="M27.693 22.784a1.3 1.3 0 0 1-.38.328l-9.185 5.18l-1.53.862a1.3 1.3 0 0 1-.745.166a1.4 1.4 0 0 1-.254-.046L4.305 9.08a1.3 1.3 0 0 1 .295-.234l7.018-3.952l3.705-2.082a1.3 1.3 0 0 1 .335-.13Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#388e3c" d="M15.354 2.831L4.647 8.861A1.25 1.25 0 0 0 4 9.953V22.03a1.26 1.26 0 0 0 .646 1.095l10.709 6.039a1.32 1.32 0 0 0 1.294 0l10.705-6.038A1.26 1.26 0 0 0 28 22.03V9.96a1.25 1.25 0 0 0-.647-1.093L16.65 2.836a1.32 1.32 0 0 0-1.294 0Z"/><path fill="#4caf50" d="M4.305 22.784a1.3 1.3 0 0 0 .381.328l9.185 5.18l1.53.862a1.3 1.3 0 0 0 .745.166a1.4 1.4 0 0 0 .254-.046L27.693 9.082a1.3 1.3 0 0 0-.294-.234L20.38 4.894l-3.705-2.082a1.3 1.3 0 0 0-.335-.13Z"/><path fill="#66bb6a" d="M27.693 22.784a1.3 1.3 0 0 1-.38.328l-9.185 5.18l-1.53.862a1.3 1.3 0 0 1-.745.166a1.4 1.4 0 0 1-.254-.046L4.305 9.08a1.3 1.3 0 0 1 .295-.234l7.018-3.952l3.705-2.082a1.3 1.3 0 0 1 .335-.13Z"/></svg>
</template>

CSS

.icon-nodejs-alt {
  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%2032%2032%22%3E%3Cpath%20fill%3D%22%23388e3c%22%20d%3D%22M15.354%202.831L4.647%208.861A1.25%201.25%200%200%200%204%209.953V22.03a1.26%201.26%200%200%200%20.646%201.095l10.709%206.039a1.32%201.32%200%200%200%201.294%200l10.705-6.038A1.26%201.26%200%200%200%2028%2022.03V9.96a1.25%201.25%200%200%200-.647-1.093L16.65%202.836a1.32%201.32%200%200%200-1.294%200Z%22%2F%3E%3Cpath%20fill%3D%22%234caf50%22%20d%3D%22M4.305%2022.784a1.3%201.3%200%200%200%20.381.328l9.185%205.18l1.53.862a1.3%201.3%200%200%200%20.745.166a1.4%201.4%200%200%200%20.254-.046L27.693%209.082a1.3%201.3%200%200%200-.294-.234L20.38%204.894l-3.705-2.082a1.3%201.3%200%200%200-.335-.13Z%22%2F%3E%3Cpath%20fill%3D%22%2366bb6a%22%20d%3D%22M27.693%2022.784a1.3%201.3%200%200%201-.38.328l-9.185%205.18l-1.53.862a1.3%201.3%200%200%201-.745.166a1.4%201.4%200%200%201-.254-.046L4.305%209.08a1.3%201.3%200%200%201%20.295-.234l7.018-3.952l3.705-2.082a1.3%201.3%200%200%201%20.335-.13Z%22%2F%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%2032%2032%22%3E%3Cpath%20fill%3D%22%23388e3c%22%20d%3D%22M15.354%202.831L4.647%208.861A1.25%201.25%200%200%200%204%209.953V22.03a1.26%201.26%200%200%200%20.646%201.095l10.709%206.039a1.32%201.32%200%200%200%201.294%200l10.705-6.038A1.26%201.26%200%200%200%2028%2022.03V9.96a1.25%201.25%200%200%200-.647-1.093L16.65%202.836a1.32%201.32%200%200%200-1.294%200Z%22%2F%3E%3Cpath%20fill%3D%22%234caf50%22%20d%3D%22M4.305%2022.784a1.3%201.3%200%200%200%20.381.328l9.185%205.18l1.53.862a1.3%201.3%200%200%200%20.745.166a1.4%201.4%200%200%200%20.254-.046L27.693%209.082a1.3%201.3%200%200%200-.294-.234L20.38%204.894l-3.705-2.082a1.3%201.3%200%200%200-.335-.13Z%22%2F%3E%3Cpath%20fill%3D%22%2366bb6a%22%20d%3D%22M27.693%2022.784a1.3%201.3%200%200%201-.38.328l-9.185%205.18l-1.53.862a1.3%201.3%200%200%201-.745.166a1.4%201.4%200%200%201-.254-.046L4.305%209.08a1.3%201.3%200%200%201%20.295-.234l7.018-3.952l3.705-2.082a1.3%201.3%200%200%201%20.335-.13Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-icon-theme/nodejs-alt.svg?color=%231a73e8&size=48