---
title: "Tech Icon Pack — Free Framer component · Best of Framer"
description: "Free Framer component · by Muhammad Zubair · Charts. React, GitHub, VS Code & more"
canonical: "https://framer.elliotli.dev/component/tech-icon-pack"
---

[Home](/)/[Components](/components)/[Charts](/components/category/charts)/Tech Icon Pack

# Tech Icon Pack

React, GitHub, VS Code & more

[View on Framer](https://framer.com/marketplace/components/tech-icon-pack/?via=elliot-li)

![Tech Icon Pack preview image 1](https://framer.elliotli.dev/og/component/tech-icon-pack/b2d9b4e52fbd3ac6/1600x1195.jpg)

## Summary

React, GitHub, VS Code & more

## Description

A complete set of 12 hand-crafted SVG tech icons

for developers and designers.

Icons included:

→ React

→ GitHub

→ VS Code

→ TypeScript

→ JavaScript

→ Python

→ Node.js

→ Docker

→ Figma

→ Tailwind CSS

→ Next.js

→ GraphQL

Each icon features:

✦ Fully customizable color via property controls

✦ Adjustable size (16px to 200px)

✦ Optional label with custom size

✦ Clean SVG paths — crisp at any resolution

✦ Zero dependencies — pure React

Perfect for:

→ Developer portfolio pages

→ Tech stack sections

→ SaaS landing pages

→ Agency websites

## Rank history [How rankings work →](/terms#rankings)

-   All · #3773

## Details

- **Author**: Muhammad Zubair
- **Published**: 2026-07-10
- **Updated**: 2026-07-10
- **Added**: 2026-07-10
- **Categories**: Charts

## More like this

-   [29 Radar Chart](/component/29-radar-chart) — BrandingUp · Free — Spider chart with per-axis scales
-   [33 Bubble Chart](/component/33-bubble-chart) — BrandingUp · Free — Bubble chart with 3rd-value sizes
-   [Pricing Matrix](/component/pricing-matrix) — Ainsley Holmes · Free — Currency Payment Comparison Matrix
-   [Radial Dial](/component/radial-dial) — Oli Studio · $10 — Animated dial for a single metric