Node.js
JavaScript runtime
Download SVG ↓React example
import StackIcon from "tech-stack-icons";
<StackIcon name="nodejs" variant="light" className="h-12 w-12" />20 curated logos · SVG + React
Backend logos
Make your backend stack clear.
Server frameworks, databases and backend platform logos. Download Node.js, Django, PostgreSQL, Supabase and more as SVG or use them in React.
20 of 20 logos · light variant
Express
Server framework
Download SVG ↓React example
import StackIcon from "tech-stack-icons";
<StackIcon name="expressjs" variant="light" className="h-12 w-12" />
NestJS
Server framework
Download SVG ↓React example
import StackIcon from "tech-stack-icons";
<StackIcon name="nestjs" variant="light" className="h-12 w-12" />
Django
Server framework
Download SVG ↓React example
import StackIcon from "tech-stack-icons";
<StackIcon name="django" variant="light" className="h-12 w-12" />
Flask
Server framework
Download SVG ↓React example
import StackIcon from "tech-stack-icons";
<StackIcon name="flask" variant="light" className="h-12 w-12" />
Laravel
Server framework
Download SVG ↓React example
import StackIcon from "tech-stack-icons";
<StackIcon name="laravel" variant="light" className="h-12 w-12" />
Ruby on Rails
Server framework
Download SVG ↓React example
import StackIcon from "tech-stack-icons";
<StackIcon name="rails" variant="light" className="h-12 w-12" />
Spring
Application framework
Download SVG ↓React example
import StackIcon from "tech-stack-icons";
<StackIcon name="spring" variant="light" className="h-12 w-12" />
Hono
Web framework
Download SVG ↓React example
import StackIcon from "tech-stack-icons";
<StackIcon name="hono" variant="light" className="h-12 w-12" />
Go
Programming language
Download SVG ↓React example
import StackIcon from "tech-stack-icons";
<StackIcon name="go" variant="light" className="h-12 w-12" />
Python
Programming language
Download SVG ↓React example
import StackIcon from "tech-stack-icons";
<StackIcon name="python" variant="light" className="h-12 w-12" />
PostgreSQL
Relational database
Download SVG ↓React example
import StackIcon from "tech-stack-icons";
<StackIcon name="postgresql" variant="light" className="h-12 w-12" />
MySQL
Relational database
Download SVG ↓React example
import StackIcon from "tech-stack-icons";
<StackIcon name="mysql" variant="light" className="h-12 w-12" />
MongoDB
Document database
Download SVG ↓React example
import StackIcon from "tech-stack-icons";
<StackIcon name="mongodb" variant="light" className="h-12 w-12" />
Redis
Data store
Download SVG ↓React example
import StackIcon from "tech-stack-icons";
<StackIcon name="redis" variant="light" className="h-12 w-12" />
SQLite
Embedded database
Download SVG ↓React example
import StackIcon from "tech-stack-icons";
<StackIcon name="sqlite" variant="light" className="h-12 w-12" />
Supabase
Backend platform
Download SVG ↓React example
import StackIcon from "tech-stack-icons";
<StackIcon name="supabase" variant="light" className="h-12 w-12" />
Firebase
Application platform
Download SVG ↓React example
import StackIcon from "tech-stack-icons";
<StackIcon name="firebase" variant="light" className="h-12 w-12" />
Convex
Backend platform
Download SVG ↓React example
import StackIcon from "tech-stack-icons";
<StackIcon name="convex" variant="light" className="h-12 w-12" />
Prisma
Database ORM
Download SVG ↓React example
import StackIcon from "tech-stack-icons";
<StackIcon name="prisma" variant="light" className="h-12 w-12" />Use backend logos in your next project
Group server runtimes, application frameworks and data stores by their role. PostgreSQL is a database, Express is a server framework, and Supabase is a backend platform; a clear label makes the diagram useful.
Document a Node.js and Express API with PostgreSQL and Redis, or show a Django backend alongside the services it uses.
From SVG to React
Choose the background and download an SVG for your README, presentation or website. For React, install tech-stack-icons, open a logo’s React example and copy its component. The package name in the example matches the library asset.
npm install tech-stack-iconsLight, dark and grayscale select library variants. Some marks use the same artwork in light and dark modes; check the preview on your final background.
Logos identify their respective products and companies. Download availability does not change their brand usage requirements. Keep the original proportions and label tools clearly.
From browser to canvas
Your stack, inside your design tools.
Insert technology logos into designs and workshop diagrams with the Tech Stack Icons plugins.