Dev Stack Logos

A curated collection of copy-paste SVG tech logos to beautify your GitHub Profile README.

How to use:

Using these logos is completely frictionless! No packages to install, no files to download.

1. Find your tech: Browse the Teck Stack Index below.
2. Click & Copy: Click on any logo to jump directly to its HTML snippet.
3. Paste: Paste the code directly into your GitHub Profile `README.md`!

Stack	Languages / Frameworks / Libs
Frontend
Backend
Tools

Resources:

HTML5

<img src="https://raw.githubusercontent.com/alirezamoradiii/dev-stack-logos/acaa30ac229df277d6e036f4585d4f80624f2e4f/icons/frontend/html.svg" alt="HTML" width="40" height="40" />

CSS3

<img src="https://raw.githubusercontent.com/alirezamoradiii/dev-stack-logos/acaa30ac229df277d6e036f4585d4f80624f2e4f/icons/frontend/css.svg" alt="CSS" width="40" height="40" />

SASS (SCSS)

<img src="https://raw.githubusercontent.com/alirezamoradiii/dev-stack-logos/acaa30ac229df277d6e036f4585d4f80624f2e4f/icons/frontend/scss.svg" alt="SASS" width="40" height="40" />

TailwindCss

<img src="https://raw.githubusercontent.com/alirezamoradiii/dev-stack-logos/acaa30ac229df277d6e036f4585d4f80624f2e4f/icons/frontend/tailwindcss.svg"
 alt="Tailwind" width="40" height="40" />

Bootstrap

<img src="https://raw.githubusercontent.com/alirezamoradiii/dev-stack-logos/acaa30ac229df277d6e036f4585d4f80624f2e4f/icons/frontend/bootstrap.svg" alt="Bootstrap" width="40" height="40" />

JavaScript

<img src="https://raw.githubusercontent.com/alirezamoradiii/dev-stack-logos/acaa30ac229df277d6e036f4585d4f80624f2e4f/icons/frontend/javascript.svg" alt="JavaScript" width="40" height="40" />

TypeScript

<img src="https://raw.githubusercontent.com/alirezamoradiii/dev-stack-logos/acaa30ac229df277d6e036f4585d4f80624f2e4f/icons/frontend/typescript.svg" alt="TypeScript" width="40" height="40" />

React

<img src="https://raw.githubusercontent.com/alirezamoradiii/dev-stack-logos/acaa30ac229df277d6e036f4585d4f80624f2e4f/icons/frontend/react.svg" alt="React" width="40" height="40" />

Vue

<img src="https://raw.githubusercontent.com/alirezamoradiii/dev-stack-logos/acaa30ac229df277d6e036f4585d4f80624f2e4f/icons/frontend/vue.svg" alt="Vue" width="40" height="40" />

Angular

<img src="https://raw.githubusercontent.com/alirezamoradiii/dev-stack-logos/acaa30ac229df277d6e036f4585d4f80624f2e4f/icons/frontend/angular.svg" alt="Angular" width="40" height="40" />

Next

<img src="https://raw.githubusercontent.com/alirezamoradiii/dev-stack-logos/7cce9af24e8b041f18fdd8409599414257a56ad8/icons/frontend/next.svg" alt="Next" width="40" height="40" />

Nuxt

<img src="https://raw.githubusercontent.com/alirezamoradiii/dev-stack-logos/7cce9af24e8b041f18fdd8409599414257a56ad8/icons/frontend/nuxt.svg" alt="Nuxt" width="40" height="40" />

Axios

<img src="https://raw.githubusercontent.com/alirezamoradiii/dev-stack-logos/7cce9af24e8b041f18fdd8409599414257a56ad8/icons/frontend/axios.svg" alt="Axios" width="40" height="40" />

Redux

<img src="https://raw.githubusercontent.com/alirezamoradiii/dev-stack-logos/7cce9af24e8b041f18fdd8409599414257a56ad8/icons/frontend/redux.svg" alt="Redux" width="40" height="40" />

React Router

<img src="https://raw.githubusercontent.com/alirezamoradiii/dev-stack-logos/7cce9af24e8b041f18fdd8409599414257a56ad8/icons/frontend/react-router.svg" alt="React Router" width="40" height="40" />

React Query

<img src="https://raw.githubusercontent.com/alirezamoradiii/dev-stack-logos/7cce9af24e8b041f18fdd8409599414257a56ad8/icons/frontend/react-query.svg" alt="React Query" width="40" height="40" />

React Hook Form

<img src="https://raw.githubusercontent.com/alirezamoradiii/dev-stack-logos/7cce9af24e8b041f18fdd8409599414257a56ad8/icons/frontend/react-hook-form.svg" alt="React Hook Form" width="40" height="40" />

Formik

<img src="https://raw.githubusercontent.com/alirezamoradiii/dev-stack-logos/7cce9af24e8b041f18fdd8409599414257a56ad8/icons/frontend/formik.svg" alt="Formik" width="40" height="40" />

Zod

<img src="https://raw.githubusercontent.com/alirezamoradiii/dev-stack-logos/7cce9af24e8b041f18fdd8409599414257a56ad8/icons/frontend/zod.svg" alt="Zod" width="40" height="40" />

Zustand

<img src="https://raw.githubusercontent.com/alirezamoradiii/dev-stack-logos/7cce9af24e8b041f18fdd8409599414257a56ad8/icons/frontend/zustand.svg" alt="Zustand" width="40" height="40" />

Shadcn

<img src="https://raw.githubusercontent.com/alirezamoradiii/dev-stack-logos/7cce9af24e8b041f18fdd8409599414257a56ad8/icons/frontend/shadcn.svg" alt="Shadcn" width="40" height="40" />

MUI

<img src="https://raw.githubusercontent.com/alirezamoradiii/dev-stack-logos/7cce9af24e8b041f18fdd8409599414257a56ad8/icons/frontend/mui.svg" alt="Mui" width="40" height="40" />

AntDesign

<img src="https://raw.githubusercontent.com/alirezamoradiii/dev-stack-logos/7cce9af24e8b041f18fdd8409599414257a56ad8/icons/frontend/ant-design.svg" alt="AntDesign" width="40" height="40" />

Three.js

<img src="https://raw.githubusercontent.com/alirezamoradiii/dev-stack-logos/7cce9af24e8b041f18fdd8409599414257a56ad8/icons/frontend/threejs.svg" alt="Three.js" width="40" height="40" />

Svelte

<img src="https://raw.githubusercontent.com/alirezamoradiii/dev-stack-logos/7cce9af24e8b041f18fdd8409599414257a56ad8/icons/frontend/svelte.svg" alt="Svelte" width="40" height="40" />

React Flow

<img src="https://raw.githubusercontent.com/alirezamoradiii/dev-stack-logos/7cce9af24e8b041f18fdd8409599414257a56ad8/icons/frontend/react-flow.svg" alt="React Flow" width="40" height="40" />

Electron

<img src="https://raw.githubusercontent.com/alirezamoradiii/dev-stack-logos/7cce9af24e8b041f18fdd8409599414257a56ad8/icons/frontend/electron.svg" alt="Electron" width="40" height="40" />

Tauri

<img src="https://raw.githubusercontent.com/alirezamoradiii/dev-stack-logos/7cce9af24e8b041f18fdd8409599414257a56ad8/icons/frontend/tauri.svg" alt="Tauri" width="40" height="40" />

PWA

<img src="https://raw.githubusercontent.com/alirezamoradiii/dev-stack-logos/7cce9af24e8b041f18fdd8409599414257a56ad8/icons/frontend/pwa.svg" alt="PWA" width="40" height="40" />

Pinia

<img src="https://raw.githubusercontent.com/alirezamoradiii/dev-stack-logos/7cce9af24e8b041f18fdd8409599414257a56ad8/icons/frontend/pinia.svg" alt="Pinia" width="40" height="40" />

Astro

<img src="https://raw.githubusercontent.com/alirezamoradiii/dev-stack-logos/959fa07fb75d741407c6d78abf5cad421c6cb910/icons/frontend/astro.svg" alt="Astro" width="40" height="40" />

GSAP

<img src="https://raw.githubusercontent.com/alirezamoradiii/dev-stack-logos/959fa07fb75d741407c6d78abf5cad421c6cb910/icons/frontend/gsap.svg" alt="GSAP" width="40" height="40" />

Graphql

<img src="https://raw.githubusercontent.com/alirezamoradiii/dev-stack-logos/959fa07fb75d741407c6d78abf5cad421c6cb910/icons/frontend/graphql.svg" alt="Graphql" width="40" height="40" />

i18next

<img src="https://raw.githubusercontent.com/alirezamoradiii/dev-stack-logos/959fa07fb75d741407c6d78abf5cad421c6cb910/icons/frontend/i18next.svg" alt="i18next" width="40" height="40" />

Styled-Components

<img src="https://raw.githubusercontent.com/alirezamoradiii/dev-stack-logos/959fa07fb75d741407c6d78abf5cad421c6cb910/icons/frontend/styled-components.svg" alt="styled-components" width="40" height="40" />

Vuetify

<img src="https://raw.githubusercontent.com/alirezamoradiii/dev-stack-logos/4de658282c5bb7920858c7556d3b82e07125741a/icons/frontend/vuetify.svg" alt="vuetify" width="40" height="40" />

Vite

<img src="https://raw.githubusercontent.com/alirezamoradiii/dev-stack-logos/4de658282c5bb7920858c7556d3b82e07125741a/icons/frontend/vite.svg" alt="vite" width="40" height="40" />

Vitest

<img src="https://raw.githubusercontent.com/alirezamoradiii/dev-stack-logos/4de658282c5bb7920858c7556d3b82e07125741a/icons/frontend/vitest.svg" alt="vitest" width="40" height="40" />

Cypress

<img src="https://raw.githubusercontent.com/alirezamoradiii/dev-stack-logos/4de658282c5bb7920858c7556d3b82e07125741a/icons/frontend/cypress.svg" alt="cypress" width="40" height="40" />

Webpack

<img src="https://raw.githubusercontent.com/alirezamoradiii/dev-stack-logos/4de658282c5bb7920858c7556d3b82e07125741a/icons/frontend/webpack.svg" alt="webpack" width="40" height="40" />

Postcss

<img src="https://raw.githubusercontent.com/alirezamoradiii/dev-stack-logos/4de658282c5bb7920858c7556d3b82e07125741a/icons/frontend/postcss.svg" alt="postcss" width="40" height="40" />

Eslint

<img src="https://raw.githubusercontent.com/alirezamoradiii/dev-stack-logos/4de658282c5bb7920858c7556d3b82e07125741a/icons/frontend/eslint.svg" alt="eslint" width="40" height="40" />

EJS

<img src="https://raw.githubusercontent.com/alirezamoradiii/dev-stack-logos/86fe2de99d302358aa197c02b521d6a8ec9bd640/icons/frontend/ejs.svg" alt="ejs" width="40" height="40" />

Pug

<img src="https://raw.githubusercontent.com/alirezamoradiii/dev-stack-logos/77dd3c3d24de1f2961a9b73ea91b5267de74a3ad/icons/frontend/pug.svg" alt="pug" width="40" height="40" />

Node.js

<img src="https://raw.githubusercontent.com/alirezamoradiii/dev-stack-logos/7a7eb4d80e8831c63afbf0f63d29270746f61606/icons/backend/node.svg" alt="node.js" width="40" height="40" />

Express.js

<img src="https://raw.githubusercontent.com/alirezamoradiii/dev-stack-logos/dec4bb1f6ae8644c5d954f576b196d9b3c2748cb/icons/backend/express.svg" alt="express.js" width="40" height="40" />

NestJS

<img src="https://raw.githubusercontent.com/alirezamoradiii/dev-stack-logos/9a5365e46fee2ba723da8c3f63f08906b2e2deb8/icons/backend/nestjs.svg" alt="nestjs" width="40" height="40" />

Redis

<img src="https://raw.githubusercontent.com/alirezamoradiii/dev-stack-logos/ef2a1fd171672cd40b6d203b5fa04fdde2e97f48/icons/backend/redis.svg" alt="redis" width="40" height="40" />

Linux

<img src="https://raw.githubusercontent.com/alirezamoradiii/dev-stack-logos/9b4ca0c9a85449da47e2afb96b8cec301943352b/icons/tools/linux.svg" alt="linux" width="40" height="40" />

Git

<img src="https://raw.githubusercontent.com/alirezamoradiii/dev-stack-logos/9b4ca0c9a85449da47e2afb96b8cec301943352b/icons/tools/git.svg" alt="git" width="40" height="40" />

GitHub

<img src="https://raw.githubusercontent.com/alirezamoradiii/dev-stack-logos/9b4ca0c9a85449da47e2afb96b8cec301943352b/icons/tools/github.svg" alt="github" width="40" height="40" />

Docker

<img src="https://raw.githubusercontent.com/alirezamoradiii/dev-stack-logos/9b4ca0c9a85449da47e2afb96b8cec301943352b/icons/tools/docker.svg" alt="docker" width="40" height="40" />

VsCode

<img src="https://raw.githubusercontent.com/alirezamoradiii/dev-stack-logos/9b4ca0c9a85449da47e2afb96b8cec301943352b/icons/tools/vscode.svg" alt="vscode" width="40" height="40" />

Figma

<img src="https://raw.githubusercontent.com/alirezamoradiii/dev-stack-logos/9b4ca0c9a85449da47e2afb96b8cec301943352b/icons/tools/figma.svg" alt="figma" width="40" height="40" />

NPM

<img src="https://raw.githubusercontent.com/alirezamoradiii/dev-stack-logos/9b4ca0c9a85449da47e2afb96b8cec301943352b/icons/tools/npm.svg" alt="npm" width="40" height="40" />

PNPM

<img src="https://raw.githubusercontent.com/alirezamoradiii/dev-stack-logos/9b4ca0c9a85449da47e2afb96b8cec301943352b/icons/tools/pnpm.svg" alt="pnpm" width="40" height="40" />

Yarn

<img src="https://raw.githubusercontent.com/alirezamoradiii/dev-stack-logos/9b4ca0c9a85449da47e2afb96b8cec301943352b/icons/tools/yarn.svg" alt="yarn" width="40" height="40" />

Bun

<img src="https://raw.githubusercontent.com/alirezamoradiii/dev-stack-logos/9b4ca0c9a85449da47e2afb96b8cec301943352b/icons/tools/bun.svg" alt="bun" width="40" height="40" />