File Type Tslint icon

vscode-icons:file-type-tslint

The File Type Tslint icon (vscode-icons:file-type-tslint) is a free SVG icon from the VSCode Icons set by Roberto Huertas. It is drawn on a 32 × 32 grid. VSCode Icons are released under the MIT 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: VSCode Icons
Author: Roberto Huertas
License: MIT
Size: 32 × 32
Tags: filetype, typetslint, filetypetslint

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#007acc" d="M22.395 9.855a3.37 3.37 0 0 1 1.694.976a4.5 4.5 0 0 1 .649.868c.009.034-1.169.825-1.883 1.268c-.026.017-.129-.095-.245-.267a1.54 1.54 0 0 0-1.273-.765c-.821-.056-1.35.374-1.346 1.092a1 1 0 0 0 .116.507c.181.374.516.6 1.569 1.053c1.939.834 2.769 1.384 3.285 2.167a3.93 3.93 0 0 1 .314 3.3a3.63 3.63 0 0 1-3 2.145a8.3 8.3 0 0 1-2.064-.021a4.98 4.98 0 0 1-2.756-1.436a4.8 4.8 0 0 1-.705-1.045a2 2 0 0 1 .25-.156l1.006-.58l.778-.451l.163.241a3.6 3.6 0 0 0 1.028.985a2.52 2.52 0 0 0 2.636-.133a1.18 1.18 0 0 0 .15-1.5c-.211-.3-.641-.555-1.862-1.083a6.7 6.7 0 0 1-2.55-1.569a3.6 3.6 0 0 1-.744-1.354a5.4 5.4 0 0 1-.047-1.728a3.3 3.3 0 0 1 2.782-2.575a6.9 6.9 0 0 1 2.055.061m-6.359 1.131l.009 1.109h-3.526v10.017h-2.494V12.095H6.5v-1.088a11 11 0 0 1 .03-1.118c.013-.017 2.158-.026 4.759-.021l4.734.013Z"/><path fill="#33a9dc" d="M2 15.17c1.844 0 2.1-1.223 2.1-2.322a22 22 0 0 0-.209-2.633a22 22 0 0 1-.203-2.605c0-2.886 1.559-4.11 3.767-4.11H8v1.727h-.467c-1.533 0-2.051 1-2.051 2.7a16 16 0 0 0 .182 2.227a18 18 0 0 1 .182 2.383c.025 2.008-.7 3.011-1.872 3.389v.061c1.17.345 1.9 1.412 1.872 3.42a17 17 0 0 1-.182 2.383a17 17 0 0 0-.182 2.26c0 1.755.6 2.728 2.051 2.728H8V28.5h-.546c-2.155 0-3.767-1.129-3.767-4.3a22 22 0 0 1 .207-2.572a21 21 0 0 0 .206-2.537c0-.973-.26-2.322-2.1-2.322Zm27.937 1.645c-1.844 0-2.1 1.348-2.1 2.321a21 21 0 0 0 .207 2.541a21 21 0 0 1 .209 2.572c0 3.167-1.637 4.3-3.767 4.3h-.546v-1.728h.442c1.455-.031 2.077-.973 2.077-2.728c0-.753-.1-1.476-.182-2.26a17 17 0 0 1-.207-2.383c0-2.007.728-3.075 1.87-3.42v-.06c-1.142-.378-1.87-1.382-1.87-3.389a18 18 0 0 1 .207-2.383a22 22 0 0 0 .182-2.227c0-1.693-.546-2.666-2.051-2.7h-.467V3.548h.52c2.208 0 3.792 1.223 3.792 4.109a22 22 0 0 1-.209 2.6a23 23 0 0 0-.207 2.633c0 1.1.26 2.321 2.1 2.321Z"/><path fill="#c1272d" d="m13.595 26.5l-1.19-1.368l-1.191 1.367l-1.198-1.369l-1.197 1.368l-1.195-1.368l-.767.878L6 25.361l1.624-1.86l1.195 1.369l1.197-1.368l1.196 1.368l1.193-1.37l1.192 1.368l1.191-1.366l1.199 1.369l1.196-1.37l1.196 1.37l1.2-1.368l1.197 1.368l1.2-1.369l1.195 1.369l1.199-1.367L26 25.359l-.856.65l-.774-.881l-1.202 1.369l-1.194-1.367l-1.199 1.367l-1.197-1.368l-1.201 1.368l-1.194-1.367l-1.195 1.367l-1.198-1.367z"/></svg>

How to use the File Type Tslint icon

React

import { Icon } from "@iconify/react";

<Icon icon="vscode-icons:file-type-tslint" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="vscode-icons:file-type-tslint" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="vscode-icons:file-type-tslint" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[vscode-icons--file-type-tslint]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/vscode-icons -->
<div class="i-vscode-icons:file-type-tslint"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="vscode-icons:file-type-tslint"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-tslint.svg" alt="File Type Tslint icon" width="24" height="24">

Related icons in VSCode Icons

File Type Tslint icon FAQ

Is the File Type Tslint icon free for commercial use?

Yes. VSCode Icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the File Type Tslint icon in React?

Install @iconify/react and render <Icon icon="vscode-icons:file-type-tslint" />, or use “Copy code” on this page to get a standalone React component.

How do I add the File Type Tslint icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-tslint.svg" alt="File Type Tslint icon">, or paste the SVG code inline to style it with CSS.

Browse all VSCode Icons →