Typescript Alt icon
file-icons:typescript-alt
The Typescript Alt icon (file-icons:typescript-alt) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 512 × 512 grid. File Icons are released under the ISC license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- File Icons
- Author
- John Gardner
- License
- ISC
- Size
- 512 × 512
- Tags
- typescriptalt
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M0 0v512h512V0zm294.445 222.23H221.63v225.553h-40.1V222.23h-72.665v-37.298h185.581zm149.212 202.559c-24.443 31.85-94.558 36.713-135.325 10.214v-49.857c22.19 24.235 45.152 27.699 63.042 29.342c55.89 4.65 57.509-41.905 34.886-61.101c-33.311-26.885-99.65-41.844-97.578-99.938c-.482-41.618 31.829-69.556 79.912-72.152c18.22-.984 44.193.15 60.527 10.698v46.867c-38.336-35.174-118.13-25.74-98.781 26.47c17.512 32.235 77.733 35.405 103.076 86.453c10.755 28.718 4.768 54.075-9.759 73.004"/></svg>How to use the Typescript Alt icon
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:typescript-alt" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:typescript-alt" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:typescript-alt" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--typescript-alt]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:typescript-alt"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:typescript-alt"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/file-icons/typescript-alt.svg" alt="Typescript Alt icon" width="24" height="24">Related icons in File Icons
Typescript Alt icon FAQ
Is the Typescript Alt icon free for commercial use?
Yes. File Icons are released under the ISC license, which allows use in personal and commercial projects.
How do I use the Typescript Alt icon in React?
Install @iconify/react and render <Icon icon="file-icons:typescript-alt" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Typescript Alt icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/typescript-alt.svg" alt="Typescript Alt icon">, or paste the SVG code inline to style it with CSS.