Typescript
TypeScript is a strongly typed programming language that builds on JavaScript by adding static type definitions.
import { TypescriptIcon, Typescript, TypescriptIconRound } from "@dev.icons/react";<TypescriptIcon size={32} />
<Typescript size={32} />
<TypescriptIconRound size={32} />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 has been visually untouched since, even as the language itself moved through structural revolutions (template literal types in 4.1, variadic tuples in 4.0, const type parameters in 5.0, the ongoing native TypeScript compiler in Go).
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.
Compare
