typescript logo
typescript from Devicon by konpa · Original · MIT Free for personal and commercial use.
- Name
- typescript
- Set
- Devicon
- Style
- Original
- Viewbox
- 128×128
- License
- MIT
The same logo in other sets
Use the typescript logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#fff" d="M22.67 47h99.67v73.67H22.67z"/><path fill="#007acc" d="M1.5 63.91v62.5h125v-125H1.5zm100.73-5a15.56 15.56 0 0 1 7.82 4.5a20.6 20.6 0 0 1 3 4c0 .16-5.4 3.81-8.69 5.85c-.12.08-.6-.44-1.13-1.23a7.09 7.09 0 0 0-5.87-3.53c-3.79-.26-6.23 1.73-6.21 5a4.6 4.6 0 0 0 .54 2.34c.83 1.73 2.38 2.76 7.24 4.86c8.95 3.85 12.78 6.39 15.16 10c2.66 4 3.25 10.46 1.45 15.24c-2 5.2-6.9 8.73-13.83 9.9a38.3 38.3 0 0 1-9.52-.1a23 23 0 0 1-12.72-6.63c-1.15-1.27-3.39-4.58-3.25-4.82a9 9 0 0 1 1.15-.73L82 101l3.59-2.08l.75 1.11a16.8 16.8 0 0 0 4.74 4.54c4 2.1 9.46 1.81 12.16-.62a5.43 5.43 0 0 0 .69-6.92c-1-1.39-3-2.56-8.59-5c-6.45-2.78-9.23-4.5-11.77-7.24a16.5 16.5 0 0 1-3.43-6.25a25 25 0 0 1-.22-8c1.33-6.23 6-10.58 12.82-11.87a31.7 31.7 0 0 1 9.49.26zm-29.34 5.24v5.12H56.66v46.23H45.15V69.26H28.88v-5a49 49 0 0 1 .12-5.17C29.08 59 39 59 51 59h21.83z"/></svg>
React
import type { SVGProps } from "react";
export function DeviconTypescript(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#fff" d="M22.67 47h99.67v73.67H22.67z"/><path fill="#007acc" d="M1.5 63.91v62.5h125v-125H1.5zm100.73-5a15.56 15.56 0 0 1 7.82 4.5a20.6 20.6 0 0 1 3 4c0 .16-5.4 3.81-8.69 5.85c-.12.08-.6-.44-1.13-1.23a7.09 7.09 0 0 0-5.87-3.53c-3.79-.26-6.23 1.73-6.21 5a4.6 4.6 0 0 0 .54 2.34c.83 1.73 2.38 2.76 7.24 4.86c8.95 3.85 12.78 6.39 15.16 10c2.66 4 3.25 10.46 1.45 15.24c-2 5.2-6.9 8.73-13.83 9.9a38.3 38.3 0 0 1-9.52-.1a23 23 0 0 1-12.72-6.63c-1.15-1.27-3.39-4.58-3.25-4.82a9 9 0 0 1 1.15-.73L82 101l3.59-2.08l.75 1.11a16.8 16.8 0 0 0 4.74 4.54c4 2.1 9.46 1.81 12.16-.62a5.43 5.43 0 0 0 .69-6.92c-1-1.39-3-2.56-8.59-5c-6.45-2.78-9.23-4.5-11.77-7.24a16.5 16.5 0 0 1-3.43-6.25a25 25 0 0 1-.22-8c1.33-6.23 6-10.58 12.82-11.87a31.7 31.7 0 0 1 9.49.26zm-29.34 5.24v5.12H56.66v46.23H45.15V69.26H28.88v-5a49 49 0 0 1 .12-5.17C29.08 59 39 59 51 59h21.83z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#fff" d="M22.67 47h99.67v73.67H22.67z"/><path fill="#007acc" d="M1.5 63.91v62.5h125v-125H1.5zm100.73-5a15.56 15.56 0 0 1 7.82 4.5a20.6 20.6 0 0 1 3 4c0 .16-5.4 3.81-8.69 5.85c-.12.08-.6-.44-1.13-1.23a7.09 7.09 0 0 0-5.87-3.53c-3.79-.26-6.23 1.73-6.21 5a4.6 4.6 0 0 0 .54 2.34c.83 1.73 2.38 2.76 7.24 4.86c8.95 3.85 12.78 6.39 15.16 10c2.66 4 3.25 10.46 1.45 15.24c-2 5.2-6.9 8.73-13.83 9.9a38.3 38.3 0 0 1-9.52-.1a23 23 0 0 1-12.72-6.63c-1.15-1.27-3.39-4.58-3.25-4.82a9 9 0 0 1 1.15-.73L82 101l3.59-2.08l.75 1.11a16.8 16.8 0 0 0 4.74 4.54c4 2.1 9.46 1.81 12.16-.62a5.43 5.43 0 0 0 .69-6.92c-1-1.39-3-2.56-8.59-5c-6.45-2.78-9.23-4.5-11.77-7.24a16.5 16.5 0 0 1-3.43-6.25a25 25 0 0 1-.22-8c1.33-6.23 6-10.58 12.82-11.87a31.7 31.7 0 0 1 9.49.26zm-29.34 5.24v5.12H56.66v46.23H45.15V69.26H28.88v-5a49 49 0 0 1 .12-5.17C29.08 59 39 59 51 59h21.83z"/></svg> </template>
CSS
.icon-typescript {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M22.67%2047h99.67v73.67H22.67z%22%2F%3E%3Cpath%20fill%3D%22%23007acc%22%20d%3D%22M1.5%2063.91v62.5h125v-125H1.5zm100.73-5a15.56%2015.56%200%200%201%207.82%204.5a20.6%2020.6%200%200%201%203%204c0%20.16-5.4%203.81-8.69%205.85c-.12.08-.6-.44-1.13-1.23a7.09%207.09%200%200%200-5.87-3.53c-3.79-.26-6.23%201.73-6.21%205a4.6%204.6%200%200%200%20.54%202.34c.83%201.73%202.38%202.76%207.24%204.86c8.95%203.85%2012.78%206.39%2015.16%2010c2.66%204%203.25%2010.46%201.45%2015.24c-2%205.2-6.9%208.73-13.83%209.9a38.3%2038.3%200%200%201-9.52-.1a23%2023%200%200%201-12.72-6.63c-1.15-1.27-3.39-4.58-3.25-4.82a9%209%200%200%201%201.15-.73L82%20101l3.59-2.08l.75%201.11a16.8%2016.8%200%200%200%204.74%204.54c4%202.1%209.46%201.81%2012.16-.62a5.43%205.43%200%200%200%20.69-6.92c-1-1.39-3-2.56-8.59-5c-6.45-2.78-9.23-4.5-11.77-7.24a16.5%2016.5%200%200%201-3.43-6.25a25%2025%200%200%201-.22-8c1.33-6.23%206-10.58%2012.82-11.87a31.7%2031.7%200%200%201%209.49.26zm-29.34%205.24v5.12H56.66v46.23H45.15V69.26H28.88v-5a49%2049%200%200%201%20.12-5.17C29.08%2059%2039%2059%2051%2059h21.83z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M22.67%2047h99.67v73.67H22.67z%22%2F%3E%3Cpath%20fill%3D%22%23007acc%22%20d%3D%22M1.5%2063.91v62.5h125v-125H1.5zm100.73-5a15.56%2015.56%200%200%201%207.82%204.5a20.6%2020.6%200%200%201%203%204c0%20.16-5.4%203.81-8.69%205.85c-.12.08-.6-.44-1.13-1.23a7.09%207.09%200%200%200-5.87-3.53c-3.79-.26-6.23%201.73-6.21%205a4.6%204.6%200%200%200%20.54%202.34c.83%201.73%202.38%202.76%207.24%204.86c8.95%203.85%2012.78%206.39%2015.16%2010c2.66%204%203.25%2010.46%201.45%2015.24c-2%205.2-6.9%208.73-13.83%209.9a38.3%2038.3%200%200%201-9.52-.1a23%2023%200%200%201-12.72-6.63c-1.15-1.27-3.39-4.58-3.25-4.82a9%209%200%200%201%201.15-.73L82%20101l3.59-2.08l.75%201.11a16.8%2016.8%200%200%200%204.74%204.54c4%202.1%209.46%201.81%2012.16-.62a5.43%205.43%200%200%200%20.69-6.92c-1-1.39-3-2.56-8.59-5c-6.45-2.78-9.23-4.5-11.77-7.24a16.5%2016.5%200%200%201-3.43-6.25a25%2025%200%200%201-.22-8c1.33-6.23%206-10.58%2012.82-11.87a31.7%2031.7%200%200%201%209.49.26zm-29.34%205.24v5.12H56.66v46.23H45.15V69.26H28.88v-5a49%2049%200%200%201%20.12-5.17C29.08%2059%2039%2059%2051%2059h21.83z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/devicon/typescript.svg?color=%231a73e8&size=48
