file type typescript logo
file-type-typescript from VSCode Icons by Roberto Huertas · Color · MIT Free for personal and commercial use.
- Name
- file-type-typescript
- Set
- VSCode Icons
- Style
- Color
- Viewbox
- 32×32
- License
- MIT
Related icons in VSCode Icons
file-type-accessfile-type-access2file-type-actionscriptfile-type-actionscript2file-type-adafile-type-advplfile-type-affinityfile-type-affinitydesignerfile-type-affinityphotofile-type-affinitypublisherfile-type-agdafile-type-agentsfile-type-aifile-type-ai2file-type-aikidofile-type-alfile-type-al-dalfile-type-alchemyfile-type-allcontributorsfile-type-alloyfile-type-allurefile-type-angularfile-type-ansiblefile-type-antlers-html
Use the file type typescript logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#007acc" d="M23.827 8.243a4.4 4.4 0 0 1 2.223 1.281a6 6 0 0 1 .852 1.143c.011.045-1.534 1.083-2.471 1.662c-.034.023-.169-.124-.322-.35a2.01 2.01 0 0 0-1.67-1c-1.077-.074-1.771.49-1.766 1.433a1.3 1.3 0 0 0 .153.666c.237.49.677.784 2.059 1.383c2.544 1.095 3.636 1.817 4.31 2.843a5.16 5.16 0 0 1 .416 4.333a4.76 4.76 0 0 1-3.932 2.815a11 11 0 0 1-2.708-.028a6.53 6.53 0 0 1-3.616-1.884a6.3 6.3 0 0 1-.926-1.371a3 3 0 0 1 .327-.208c.158-.09.756-.434 1.32-.761l1.024-.6l.214.312a4.8 4.8 0 0 0 1.35 1.292a3.3 3.3 0 0 0 3.458-.175a1.545 1.545 0 0 0 .2-1.974c-.276-.395-.84-.727-2.443-1.422a8.8 8.8 0 0 1-3.349-2.055a4.7 4.7 0 0 1-.976-1.777a7.1 7.1 0 0 1-.062-2.268a4.33 4.33 0 0 1 3.644-3.374a9 9 0 0 1 2.691.084m-8.343 1.483l.011 1.454h-4.63v13.148H7.6V11.183H2.97V9.755a14 14 0 0 1 .04-1.466c.017-.023 2.832-.034 6.245-.028l6.211.017Z"/></svg>
React
import type { SVGProps } from "react";
export function VscodeIconsFileTypeTypescript(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#007acc" d="M23.827 8.243a4.4 4.4 0 0 1 2.223 1.281a6 6 0 0 1 .852 1.143c.011.045-1.534 1.083-2.471 1.662c-.034.023-.169-.124-.322-.35a2.01 2.01 0 0 0-1.67-1c-1.077-.074-1.771.49-1.766 1.433a1.3 1.3 0 0 0 .153.666c.237.49.677.784 2.059 1.383c2.544 1.095 3.636 1.817 4.31 2.843a5.16 5.16 0 0 1 .416 4.333a4.76 4.76 0 0 1-3.932 2.815a11 11 0 0 1-2.708-.028a6.53 6.53 0 0 1-3.616-1.884a6.3 6.3 0 0 1-.926-1.371a3 3 0 0 1 .327-.208c.158-.09.756-.434 1.32-.761l1.024-.6l.214.312a4.8 4.8 0 0 0 1.35 1.292a3.3 3.3 0 0 0 3.458-.175a1.545 1.545 0 0 0 .2-1.974c-.276-.395-.84-.727-2.443-1.422a8.8 8.8 0 0 1-3.349-2.055a4.7 4.7 0 0 1-.976-1.777a7.1 7.1 0 0 1-.062-2.268a4.33 4.33 0 0 1 3.644-3.374a9 9 0 0 1 2.691.084m-8.343 1.483l.011 1.454h-4.63v13.148H7.6V11.183H2.97V9.755a14 14 0 0 1 .04-1.466c.017-.023 2.832-.034 6.245-.028l6.211.017Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#007acc" d="M23.827 8.243a4.4 4.4 0 0 1 2.223 1.281a6 6 0 0 1 .852 1.143c.011.045-1.534 1.083-2.471 1.662c-.034.023-.169-.124-.322-.35a2.01 2.01 0 0 0-1.67-1c-1.077-.074-1.771.49-1.766 1.433a1.3 1.3 0 0 0 .153.666c.237.49.677.784 2.059 1.383c2.544 1.095 3.636 1.817 4.31 2.843a5.16 5.16 0 0 1 .416 4.333a4.76 4.76 0 0 1-3.932 2.815a11 11 0 0 1-2.708-.028a6.53 6.53 0 0 1-3.616-1.884a6.3 6.3 0 0 1-.926-1.371a3 3 0 0 1 .327-.208c.158-.09.756-.434 1.32-.761l1.024-.6l.214.312a4.8 4.8 0 0 0 1.35 1.292a3.3 3.3 0 0 0 3.458-.175a1.545 1.545 0 0 0 .2-1.974c-.276-.395-.84-.727-2.443-1.422a8.8 8.8 0 0 1-3.349-2.055a4.7 4.7 0 0 1-.976-1.777a7.1 7.1 0 0 1-.062-2.268a4.33 4.33 0 0 1 3.644-3.374a9 9 0 0 1 2.691.084m-8.343 1.483l.011 1.454h-4.63v13.148H7.6V11.183H2.97V9.755a14 14 0 0 1 .04-1.466c.017-.023 2.832-.034 6.245-.028l6.211.017Z"/></svg> </template>
CSS
.icon-file-type-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%2032%2032%22%3E%3Cpath%20fill%3D%22%23007acc%22%20d%3D%22M23.827%208.243a4.4%204.4%200%200%201%202.223%201.281a6%206%200%200%201%20.852%201.143c.011.045-1.534%201.083-2.471%201.662c-.034.023-.169-.124-.322-.35a2.01%202.01%200%200%200-1.67-1c-1.077-.074-1.771.49-1.766%201.433a1.3%201.3%200%200%200%20.153.666c.237.49.677.784%202.059%201.383c2.544%201.095%203.636%201.817%204.31%202.843a5.16%205.16%200%200%201%20.416%204.333a4.76%204.76%200%200%201-3.932%202.815a11%2011%200%200%201-2.708-.028a6.53%206.53%200%200%201-3.616-1.884a6.3%206.3%200%200%201-.926-1.371a3%203%200%200%201%20.327-.208c.158-.09.756-.434%201.32-.761l1.024-.6l.214.312a4.8%204.8%200%200%200%201.35%201.292a3.3%203.3%200%200%200%203.458-.175a1.545%201.545%200%200%200%20.2-1.974c-.276-.395-.84-.727-2.443-1.422a8.8%208.8%200%200%201-3.349-2.055a4.7%204.7%200%200%201-.976-1.777a7.1%207.1%200%200%201-.062-2.268a4.33%204.33%200%200%201%203.644-3.374a9%209%200%200%201%202.691.084m-8.343%201.483l.011%201.454h-4.63v13.148H7.6V11.183H2.97V9.755a14%2014%200%200%201%20.04-1.466c.017-.023%202.832-.034%206.245-.028l6.211.017Z%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%2032%2032%22%3E%3Cpath%20fill%3D%22%23007acc%22%20d%3D%22M23.827%208.243a4.4%204.4%200%200%201%202.223%201.281a6%206%200%200%201%20.852%201.143c.011.045-1.534%201.083-2.471%201.662c-.034.023-.169-.124-.322-.35a2.01%202.01%200%200%200-1.67-1c-1.077-.074-1.771.49-1.766%201.433a1.3%201.3%200%200%200%20.153.666c.237.49.677.784%202.059%201.383c2.544%201.095%203.636%201.817%204.31%202.843a5.16%205.16%200%200%201%20.416%204.333a4.76%204.76%200%200%201-3.932%202.815a11%2011%200%200%201-2.708-.028a6.53%206.53%200%200%201-3.616-1.884a6.3%206.3%200%200%201-.926-1.371a3%203%200%200%201%20.327-.208c.158-.09.756-.434%201.32-.761l1.024-.6l.214.312a4.8%204.8%200%200%200%201.35%201.292a3.3%203.3%200%200%200%203.458-.175a1.545%201.545%200%200%200%20.2-1.974c-.276-.395-.84-.727-2.443-1.422a8.8%208.8%200%200%201-3.349-2.055a4.7%204.7%200%200%201-.976-1.777a7.1%207.1%200%200%201-.062-2.268a4.33%204.33%200%200%201%203.644-3.374a9%209%200%200%201%202.691.084m-8.343%201.483l.011%201.454h-4.63v13.148H7.6V11.183H2.97V9.755a14%2014%200%200%201%20.04-1.466c.017-.023%202.832-.034%206.245-.028l6.211.017Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/vscode-icons/file-type-typescript.svg?color=%231a73e8&size=48
