Typescript Icon Round icon
logos:typescript-icon-round
The Typescript Icon Round icon (logos:typescript-icon-round) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 256 grid. SVG Logos icons are released under the CC0 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
- SVG Logos
- Author
- Gil Barbara
- License
- CC0-1.0
- Size
- 256 × 256
- Tags
- typescripticon, iconround, typescripticonround
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="#3178c6" d="M128 0c70.692 0 128 57.308 128 128s-57.308 128-128 128S0 198.692 0 128S57.308 0 128 0"/><path fill="#fff" d="M140.463 160.712v25.03q6.025 3.13 14.25 4.694q8.226 1.564 17.34 1.564q8.882 0 16.876-1.721q7.994-1.72 14.018-5.671q6.024-3.95 9.539-10.325T216 158.522q0-6.805-2.008-11.929a27.9 27.9 0 0 0-5.793-9.112q-3.785-3.99-9.075-7.157q-5.29-3.168-11.933-5.984q-4.866-2.034-8.728-3.95q-3.86-1.916-6.565-3.911q-2.703-1.995-4.17-4.224t-1.468-5.045q0-2.581 1.313-4.654q1.314-2.073 3.707-3.56q2.395-1.486 5.87-2.307q3.476-.82 7.724-.821q3.09 0 6.526.47q3.438.468 6.913 1.446a48 48 0 0 1 6.758 2.464a37 37 0 0 1 6.063 3.442V80.302q-5.638-2.19-12.319-3.246Q192.135 76 183.484 76q-8.805 0-16.683 1.916q-7.878 1.917-13.864 5.984t-9.461 10.364T140 109.322q0 11.185 6.372 19.085t19.348 13.376a260 260 0 0 1 9.5 4.146q4.401 2.033 7.607 4.223q3.205 2.191 5.059 4.772t1.854 5.866a9.06 9.06 0 0 1-1.159 4.498q-1.158 2.073-3.514 3.598t-5.87 2.386q-3.515.86-8.225.86q-8.033 0-15.911-2.855t-14.598-8.565m-42.752-62.17H130V78H40v20.541h32.132V190H97.71z"/></svg>How to use the Typescript Icon Round icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:typescript-icon-round" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:typescript-icon-round" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:typescript-icon-round" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--typescript-icon-round]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:typescript-icon-round"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:typescript-icon-round"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/typescript-icon-round.svg" alt="Typescript Icon Round icon" width="24" height="24">Related icons in SVG Logos
Typescript Icon Round icon FAQ
Is the Typescript Icon Round icon free for commercial use?
Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.
How do I use the Typescript Icon Round icon in React?
Install @iconify/react and render <Icon icon="logos:typescript-icon-round" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Typescript Icon Round icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/typescript-icon-round.svg" alt="Typescript Icon Round icon">, or paste the SVG code inline to style it with CSS.