---
title: Tech Stack & Design Stack Icons
date: 2024-05-06T14:41:01.758Z
url: https://www.figma.com/community/plugin/1292847256216210035/tech-stack-design-stack-icons
thumbnail: /images/uploads/tech-stack-icons-cover.webp
tagline: 690+ Tech & Design Stack Icons Drag & Drop to Figma files!
logo: /images/uploads/tech-stack-logo-plugin.webp
category:
  - Figma Plugins
tags:
  - backend
  - design icons
  - design resources
  - design stack
  - figma icon
  - frontend
  - icons
  - icon stack
  - npm icons
  - npm package
  - tech stack
  - web development
---
Tech Stack & Design Stack Icons is a Figma plugin with 690+ original SVG icons for React, Vue, Node.js, Tailwind CSS, and 600+ web frameworks and design tools — drag and drop directly to your Figma file.

## 690+ Tech Stack & Design Stack Icons for Figma

The only Figma plugin you need for technology stack icons. Stop searching the web for logos — bring them directly into your Figma canvas with a single drag and drop.

### Available via:
- **[Figma Plugin](https://www.figma.com/community/plugin/1292847256216210035/tech-stack-design-stack-icons)** — Drag & Drop directly to Figma
- **[NPM Package](https://www.npmjs.com/package/tech-stack-icons)** — `npm install tech-stack-icons`
- **[Plugin Website](https://figma-tech-stack-icons.vercel.app/?ref=plusuidesign)**
- **[NPM Website](https://www.tech-stack-icons.com/?ref=plusuidesign)**

---

## What's Included?

A comprehensive set of the most-used technologies and frameworks for web development and UI design:

### Frontend Frameworks & Libraries
React, Vue.js, Angular, Svelte, Next.js, Nuxt.js, Astro, Remix, SolidJS

### CSS & Design Frameworks
Tailwind CSS, Bootstrap, Material UI, Chakra UI, Ant Design, Sass, PostCSS

### Backend & Databases
Node.js, Express, Django, Laravel, PostgreSQL, MongoDB, Redis, Supabase, Firebase

### DevOps & Tools
Docker, GitHub, GitLab, AWS, Vercel, Netlify, VS Code, Figma, Webpack, Vite

### Design Tools & Brands
Figma, Sketch, Adobe XD, Framer, Webflow, and 600+ more

---

## ⚡ Key Features

1. **Original SVG icons** — Crisp, pixel-perfect at any size
2. **Light mode & Dark mode** — Toggle between versions (dark mode coming to plugin)
3. **Grayscale variants** — For neutral tech stack sections (coming to plugin)
4. **Search by name, brand, or framework** — Find what you need instantly
5. **Drag & Drop** — Place icons directly onto your Figma canvas

---

## 🚀 Perfect for

- YouTube thumbnails featuring tech stacks
- Portfolio "tech stack" sections
- App landing pages
- Developer documentation diagrams
- Job posting graphics
- Team tech stack slides

---

## Related Tools

- [SVG Patterns](/resources/svg-patterns/) — 180+ seamless SVG patterns for Figma
- [Iconiverse](/resources/iconiverse/) — More icon resources for Figma
- [Pixel Art Generator](/resources/pixel-art-generator/) — Create pixel art in Figma