Pixelarticons

Npm Pixel Art Icon

npm's brand icon for package-registry badges, 'View on npm' links and JavaScript developer tool documentation.

brands Pro 1 variant

Style variants

base

Outline ยท rounded corners

Get Pro

Base, sharp, solid or glyph: see how the four styles differ and which to use.

About the Npm icon

The npm logo: a bold red rectangle with the three-letter 'npm' wordmark. It marks the Node Package Manager registry, the largest software registry in the world and the backbone of JavaScript dependency management. Use it in a 'Download from npm' badge, a developer docs tech-stack section, or a package landing page. In a JavaScript project context, npm and pnpm icons often appear together; the npm mark specifies the registry itself, while pnpm specifies the alternative client.

Usage

<!-- HTML -->
<img src="pixelarticons/svg/npm.svg" width="24" height="24" alt="Npm" />

<!-- React -->
import { Npm } from 'pixelarticons/react'

<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="npm.svg" width="48" height="48" style="image-rendering: pixelated" />

Related icons