netbox logo

netbox from Devicon by konpa · Original · MIT Free for personal and commercial use.

Name: netbox
Set: Devicon
Style: Original
Viewbox: 128×128
License: MIT

1 other variant in Devicon

Use the netbox logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#001423" d="M117.95 79.946c-4.319 0-8.001 2.728-9.421 6.554h-61.1a10.07 10.07 0 0 0-5.929-5.928v-61.1c3.826-1.42 6.554-5.103 6.554-9.422C48.054 4.5 43.557.002 38.007.002A10.046 10.046 0 0 0 27.959 10.05c0 4.319 2.728 8.001 6.554 9.421v61.1c-3.826 1.42-6.554 5.103-6.554 9.422c0 1.497.329 2.914.916 4.19L14.24 108.82a10.046 10.046 0 0 0-14.238 9.13c0 5.55 4.497 10.048 10.048 10.048a10.046 10.046 0 0 0 9.13-14.237l14.637-14.636a10 10 0 0 0 4.19.916c4.319 0 8.001-2.728 9.421-6.554h61.1c1.42 3.826 5.103 6.554 9.422 6.554c5.55 0 10.048-4.498 10.048-10.048s-4.497-10.047-10.048-10.047"/><path fill="#00857d" d="M128 10.05a10.046 10.046 0 0 1-14.238 9.13L99.126 33.818a10 10 0 0 1 .917 4.19c0 4.319-2.728 8.001-6.554 9.421v61.1c3.826 1.42 6.554 5.103 6.554 9.422c0 5.55-4.498 10.048-10.048 10.048a10.046 10.046 0 0 1-10.048-10.048c0-4.319 2.728-8.001 6.554-9.421v-61.1a10.07 10.07 0 0 1-5.928-5.929H19.47c-1.42 3.826-5.102 6.554-9.421 6.554A10.046 10.046 0 0 1 0 38.007c0-5.55 4.498-10.048 10.048-10.048c4.319 0 8.002 2.728 9.421 6.554H80.57c1.42-3.826 5.102-6.554 9.422-6.554a10 10 0 0 1 4.19.916l14.635-14.636A10.046 10.046 0 0 1 117.948.002c5.55 0 10.048 4.497 10.048 10.048z"/></svg>

React

import type { SVGProps } from "react";

export function DeviconNetbox(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#001423" d="M117.95 79.946c-4.319 0-8.001 2.728-9.421 6.554h-61.1a10.07 10.07 0 0 0-5.929-5.928v-61.1c3.826-1.42 6.554-5.103 6.554-9.422C48.054 4.5 43.557.002 38.007.002A10.046 10.046 0 0 0 27.959 10.05c0 4.319 2.728 8.001 6.554 9.421v61.1c-3.826 1.42-6.554 5.103-6.554 9.422c0 1.497.329 2.914.916 4.19L14.24 108.82a10.046 10.046 0 0 0-14.238 9.13c0 5.55 4.497 10.048 10.048 10.048a10.046 10.046 0 0 0 9.13-14.237l14.637-14.636a10 10 0 0 0 4.19.916c4.319 0 8.001-2.728 9.421-6.554h61.1c1.42 3.826 5.103 6.554 9.422 6.554c5.55 0 10.048-4.498 10.048-10.048s-4.497-10.047-10.048-10.047"/><path fill="#00857d" d="M128 10.05a10.046 10.046 0 0 1-14.238 9.13L99.126 33.818a10 10 0 0 1 .917 4.19c0 4.319-2.728 8.001-6.554 9.421v61.1c3.826 1.42 6.554 5.103 6.554 9.422c0 5.55-4.498 10.048-10.048 10.048a10.046 10.046 0 0 1-10.048-10.048c0-4.319 2.728-8.001 6.554-9.421v-61.1a10.07 10.07 0 0 1-5.928-5.929H19.47c-1.42 3.826-5.102 6.554-9.421 6.554A10.046 10.046 0 0 1 0 38.007c0-5.55 4.498-10.048 10.048-10.048c4.319 0 8.002 2.728 9.421 6.554H80.57c1.42-3.826 5.102-6.554 9.422-6.554a10 10 0 0 1 4.19.916l14.635-14.636A10.046 10.046 0 0 1 117.948.002c5.55 0 10.048 4.497 10.048 10.048z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#001423" d="M117.95 79.946c-4.319 0-8.001 2.728-9.421 6.554h-61.1a10.07 10.07 0 0 0-5.929-5.928v-61.1c3.826-1.42 6.554-5.103 6.554-9.422C48.054 4.5 43.557.002 38.007.002A10.046 10.046 0 0 0 27.959 10.05c0 4.319 2.728 8.001 6.554 9.421v61.1c-3.826 1.42-6.554 5.103-6.554 9.422c0 1.497.329 2.914.916 4.19L14.24 108.82a10.046 10.046 0 0 0-14.238 9.13c0 5.55 4.497 10.048 10.048 10.048a10.046 10.046 0 0 0 9.13-14.237l14.637-14.636a10 10 0 0 0 4.19.916c4.319 0 8.001-2.728 9.421-6.554h61.1c1.42 3.826 5.103 6.554 9.422 6.554c5.55 0 10.048-4.498 10.048-10.048s-4.497-10.047-10.048-10.047"/><path fill="#00857d" d="M128 10.05a10.046 10.046 0 0 1-14.238 9.13L99.126 33.818a10 10 0 0 1 .917 4.19c0 4.319-2.728 8.001-6.554 9.421v61.1c3.826 1.42 6.554 5.103 6.554 9.422c0 5.55-4.498 10.048-10.048 10.048a10.046 10.046 0 0 1-10.048-10.048c0-4.319 2.728-8.001 6.554-9.421v-61.1a10.07 10.07 0 0 1-5.928-5.929H19.47c-1.42 3.826-5.102 6.554-9.421 6.554A10.046 10.046 0 0 1 0 38.007c0-5.55 4.498-10.048 10.048-10.048c4.319 0 8.002 2.728 9.421 6.554H80.57c1.42-3.826 5.102-6.554 9.422-6.554a10 10 0 0 1 4.19.916l14.635-14.636A10.046 10.046 0 0 1 117.948.002c5.55 0 10.048 4.497 10.048 10.048z"/></svg>
</template>

CSS

.icon-netbox {
  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%22%23001423%22%20d%3D%22M117.95%2079.946c-4.319%200-8.001%202.728-9.421%206.554h-61.1a10.07%2010.07%200%200%200-5.929-5.928v-61.1c3.826-1.42%206.554-5.103%206.554-9.422C48.054%204.5%2043.557.002%2038.007.002A10.046%2010.046%200%200%200%2027.959%2010.05c0%204.319%202.728%208.001%206.554%209.421v61.1c-3.826%201.42-6.554%205.103-6.554%209.422c0%201.497.329%202.914.916%204.19L14.24%20108.82a10.046%2010.046%200%200%200-14.238%209.13c0%205.55%204.497%2010.048%2010.048%2010.048a10.046%2010.046%200%200%200%209.13-14.237l14.637-14.636a10%2010%200%200%200%204.19.916c4.319%200%208.001-2.728%209.421-6.554h61.1c1.42%203.826%205.103%206.554%209.422%206.554c5.55%200%2010.048-4.498%2010.048-10.048s-4.497-10.047-10.048-10.047%22%2F%3E%3Cpath%20fill%3D%22%2300857d%22%20d%3D%22M128%2010.05a10.046%2010.046%200%200%201-14.238%209.13L99.126%2033.818a10%2010%200%200%201%20.917%204.19c0%204.319-2.728%208.001-6.554%209.421v61.1c3.826%201.42%206.554%205.103%206.554%209.422c0%205.55-4.498%2010.048-10.048%2010.048a10.046%2010.046%200%200%201-10.048-10.048c0-4.319%202.728-8.001%206.554-9.421v-61.1a10.07%2010.07%200%200%201-5.928-5.929H19.47c-1.42%203.826-5.102%206.554-9.421%206.554A10.046%2010.046%200%200%201%200%2038.007c0-5.55%204.498-10.048%2010.048-10.048c4.319%200%208.002%202.728%209.421%206.554H80.57c1.42-3.826%205.102-6.554%209.422-6.554a10%2010%200%200%201%204.19.916l14.635-14.636A10.046%2010.046%200%200%201%20117.948.002c5.55%200%2010.048%204.497%2010.048%2010.048z%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%20128%20128%22%3E%3Cpath%20fill%3D%22%23001423%22%20d%3D%22M117.95%2079.946c-4.319%200-8.001%202.728-9.421%206.554h-61.1a10.07%2010.07%200%200%200-5.929-5.928v-61.1c3.826-1.42%206.554-5.103%206.554-9.422C48.054%204.5%2043.557.002%2038.007.002A10.046%2010.046%200%200%200%2027.959%2010.05c0%204.319%202.728%208.001%206.554%209.421v61.1c-3.826%201.42-6.554%205.103-6.554%209.422c0%201.497.329%202.914.916%204.19L14.24%20108.82a10.046%2010.046%200%200%200-14.238%209.13c0%205.55%204.497%2010.048%2010.048%2010.048a10.046%2010.046%200%200%200%209.13-14.237l14.637-14.636a10%2010%200%200%200%204.19.916c4.319%200%208.001-2.728%209.421-6.554h61.1c1.42%203.826%205.103%206.554%209.422%206.554c5.55%200%2010.048-4.498%2010.048-10.048s-4.497-10.047-10.048-10.047%22%2F%3E%3Cpath%20fill%3D%22%2300857d%22%20d%3D%22M128%2010.05a10.046%2010.046%200%200%201-14.238%209.13L99.126%2033.818a10%2010%200%200%201%20.917%204.19c0%204.319-2.728%208.001-6.554%209.421v61.1c3.826%201.42%206.554%205.103%206.554%209.422c0%205.55-4.498%2010.048-10.048%2010.048a10.046%2010.046%200%200%201-10.048-10.048c0-4.319%202.728-8.001%206.554-9.421v-61.1a10.07%2010.07%200%200%201-5.928-5.929H19.47c-1.42%203.826-5.102%206.554-9.421%206.554A10.046%2010.046%200%200%201%200%2038.007c0-5.55%204.498-10.048%2010.048-10.048c4.319%200%208.002%202.728%209.421%206.554H80.57c1.42-3.826%205.102-6.554%209.422-6.554a10%2010%200%200%201%204.19.916l14.635-14.636A10.046%2010.046%200%200%201%20117.948.002c5.55%200%2010.048%204.497%2010.048%2010.048z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/devicon/netbox.svg?color=%231a73e8&size=48