Tech Stack & Design Stack Icons

Eugenio Ciccale

Open in Figma

Plans & licenses

Choose a license for Tech Stack & Design Stack Icons. Installation and license purchase are separate.

One-time license

Pay once. Review included features and seat options at checkout.

Buy one-time license

Prices, license terms, included features and any taxes are shown at checkout.

Add technology icons directly to your Figma canvas.

Find icons for stack diagrams, documentation and interface mockups without assembling them one by one.

Browse technology and design-tool icons.
Drag SVG icons into a Figma file.
Use them in your stack diagrams and project mockups.

Open in Figma View license options

Open the Figma listing to check current access and compatibility. The platform listing and license checkout explain which features require a paid license.

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 — Drag & Drop directly to Figma
NPM Package — npm install tech-stack-icons
Plugin Website
NPM Website

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

Original SVG icons — Crisp, pixel-perfect at any size
Light mode & Dark mode — Toggle between versions (dark mode coming to plugin)
Grayscale variants — For neutral tech stack sections (coming to plugin)
Search by name, brand, or framework — Find what you need instantly
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 — 180+ seamless SVG patterns for Figma
Iconiverse — More icon resources for Figma
Pixel Art Generator — Create pixel art in Figma

Use icons in a technology diagram

Start with the tools your project actually uses, then choose the corresponding icons in Figma. Keep their size and spacing consistent and add text labels where a logo alone would be unclear. Review the result at its final presentation size.

For a broader process, read the Figma productivity workflow guide. Need the Miro version instead? See Tech Stack & Design Stack Icons for Miro.

Topics: backend · design icons · design resources · design stack · figma icon · frontend · icons · icon stack · npm icons · npm package · tech stack · web development