ICONYZ
Português (Brasil)
Ícone Typescript Icon Round de SVG Logos

Ícone Typescript Icon Round

logos:typescript-icon-round

O ícone Typescript Icon Round (logos:typescript-icon-round) é um ícone SVG gratuito da coleção SVG Logos de Gil Barbara. Ele é desenhado em uma grade de 256 × 256. SVG Logos icons são publicados sob a licença CC0, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção
SVG Logos
Autor
Gil Barbara
Licença
CC0-1.0
Tamanho
256 × 256
Tags
typescripticon, iconround, typescripticonround
Baixar SVG

Código SVG

<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>

Como usar o ícone Typescript Icon Round

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>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/logos/typescript-icon-round.svg" alt="Ícone Typescript Icon Round" width="24" height="24">

Ícones relacionados em SVG Logos

Perguntas frequentes sobre Ícone Typescript Icon Round

O ícone Typescript Icon Round é grátis para uso comercial?

Sim. SVG Logos icons são publicados sob a licença CC0, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Typescript Icon Round no React?

Instale @iconify/react e renderize <Icon icon="logos:typescript-icon-round" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Typescript Icon Round a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/logos/typescript-icon-round.svg" alt="Ícone Typescript Icon Round">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones SVG Logos →