Config Typescript icon

file-icons:config-typescript

The Config Typescript icon (file-icons:config-typescript) 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: configtypescript

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M373.647 289.548H312.39v189.745h-33.735V289.548h-61.129V258.17h156.12zM507.38 398.536c-21.32-42.944-71.98-45.61-86.712-72.729c-16.277-43.922 50.849-51.858 83.1-22.267v-39.427c-13.742-8.874-35.591-9.828-50.919-9c-40.45 2.184-67.632 25.687-67.226 60.698c-1.743 48.871 54.064 61.455 82.087 84.072c19.032 16.15 17.67 55.313-29.347 51.401c-15.05-1.382-34.367-4.296-53.034-24.683v41.942c34.295 22.292 93.279 18.2 113.841-8.593c12.221-15.924 17.258-37.255 8.21-61.414"/><path fill="currentColor" d="m178.916 397.877l17.47 60.668h52.667V335.599c-24.92 8.664-53.58 7.373-79.54-7.594c-64.143-36.98-64.143-129.929 0-166.907c58.32-33.623 130.25 1.75 142.828 64.04h62.486c-2.433-20.23-8.623-38.935-17.711-55.64l35.425-62.905l-35.308-35.308l-62.312 35.604a161.7 161.7 0 0 0-31.634-13.52l-18.843-68.18h-50.02l-18.31 66.78c-11.712 3.22-23.323 7.892-34.643 14.122L82.127 72.756l-35.308 35.308l32.93 58.873c-6.203 11.097-10.957 22.828-14.281 34.898L.723 220.852v50.02l65.093 17.681a156.7 156.7 0 0 0 14.551 34.689L48.29 383.17l35.308 35.308l59.33-34.66c11.766 6.323 23.828 10.958 35.988 14.06"/></svg>

How to use the Config Typescript icon

React

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

<Icon icon="file-icons:config-typescript" width="24" />

Vue

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

<template>
  <Icon icon="file-icons:config-typescript" width="24" />
</template>

Svelte

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

<Icon icon="file-icons:config-typescript" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--config-typescript]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:config-typescript"></div>

Web component

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

<iconify-icon icon="file-icons:config-typescript"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/file-icons/config-typescript.svg" alt="Config Typescript icon" width="24" height="24">

Related icons in File Icons

Config Typescript icon FAQ

Is the Config Typescript 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 Config Typescript icon in React?

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

How do I add the Config Typescript icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/config-typescript.svg" alt="Config Typescript icon">, or paste the SVG code inline to style it with CSS.

Browse all File Icons →