Typescript logo
TypeScript is a strongly typed programming language that builds on JavaScript by adding static type definitions.
Also known as TS
npm i @dev.icons/reactimport { TypescriptIcon, Typescript, TypescriptIconRound } from "@dev.icons/react";<TypescriptIcon size={32} />
<Typescript size={32} />
<TypescriptIconRound size={32} />
Using an AI agent? Ask the Devicons MCP server for typescript, or fetch its JSON from the Icons API.
About the TypeScript logo
The TypeScript logo is a blue square containing a stylized white “TS” — the squarest, most utilitarian mark in the web-dev toolbox. Anders Hejlsberg and the Microsoft team launched TypeScript in 2012. The logo was refreshed in August 2020 alongside the redesigned typescriptlang.org, moving the official mark closer to the blue “TS” square the community was already using. Since then the language has kept evolving (variadic tuples in 4.0, template literal types in 4.1, const type parameters in 5.0, and the native port of the compiler to Go announced in 2025) while the mark has stayed the same.
Devicons ships three variants: the classic square (typescript-icon), an unboxed wordmark (typescript), and a rounded-corner version (typescript-icon-round) that reads better at small sizes in macOS-style UIs. The brand blue (#3178C6) sits comfortably next to most JavaScript ecosystem marks without needing outline tweaks.
When to use this logo
Almost always pair with the JavaScript logo — TypeScript is a superset, and diagrams that show the relationship (“JS → TS”) read clearer when both are present. Also pair with Node.js, Deno, React, Vue, Svelte, or the Angular logo for “built in TypeScript” stack callouts. Avoid using the round variant inside a bordered square; it already has its own boundary.
