File ts icon
Free in the Linear style (MIT). Available in 10 styles with Nodo Icons Pro.
All styles
Pro styles are shown as image previews. Change size, color and stroke →
Use it
import { FileTsIcon } from '@nodo-icons/react';
<FileTsIcon size={24} />
<script setup>
import { FileTsIcon } from '@nodo-icons/vue';
</script>
<template><FileTsIcon :size="24" /></template>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M4.5 12V5.5A2.5 2.5 0 0 1 7 3h7l5.5 5.5V12"/><path d="M14 3v3.5a2 2 0 0 0 2 2h3.5"/><path d="M7 15h3.5M8.75 15V21"/><path d="M16.59 15.63C16.48 15.49 16.34 15.37 16.19 15.27C16.04 15.18 15.88 15.11 15.7 15.06C15.53 15.01 15.35 14.99 15.17 15C15 15.01 14.82 15.04 14.65 15.11C14.48 15.17 14.33 15.25 14.18 15.36C14.04 15.47 13.92 15.6 13.82 15.75C13.71 15.89 13.63 16.05 13.58 16.22C13.53 16.39 13.5 16.57 13.5 16.75C13.5 18 17 18 17 19.25C17 19.43 16.97 19.61 16.92 19.78C16.87 19.95 16.79 20.11 16.68 20.25C16.58 20.4 16.46 20.53 16.32 20.64C16.17 20.75 16.02 20.83 15.85 20.89C15.68 20.96 15.5 20.99 15.33 21C15.15 21.01 14.97 20.99 14.8 20.94C14.62 20.89 14.46 20.82 14.31 20.73C14.16 20.63 14.02 20.51 13.91 20.37"/></svg>
# .npmrc — your license key in the NODO_LICENSE_KEY env variable
@nodo-icons:registry=https://nodoicons.com/npm/
//nodoicons.com/npm/:_authToken=${NODO_LICENSE_KEY}
npm install @nodo-icons/react-pro
import { FileTsIcon } from '@nodo-icons/react-pro/duotone';
<FileTsIcon size={24} />
npm install @nodo-icons/react · Pro: setup with your license key · AI agents: npx @nodo-icons/mcp
Related icons
Get all 10 styles
Every icon in Linear, Light, Bold, Sharp, Twotone, Duotone, Bulk, Solid, Contained and Soft. Pay once, free updates forever.