ICONYZ
Português (Brasil)
Ícone Typescript de Griddy Icons

Ícone Typescript

griddy-icons:typescript

O ícone Typescript (griddy-icons:typescript) é um ícone SVG gratuito da coleção Griddy Icons de Zuzana Benova. Ele é desenhado em uma grade de 24 × 24. Griddy Icons são publicados sob a licença MIT, 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
Griddy Icons
Autor
Zuzana Benova
Licença
MIT
Tamanho
24 × 24
Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M3.5 12.5v9h18v-18h-18zm14.505-.72c.431.1.823.325 1.126.648q.251.262.432.576c0 .023-.777.549-1.251.842c-.017.012-.087-.063-.163-.177a1.02 1.02 0 0 0-.845-.508c-.546-.037-.897.25-.894.72a.66.66 0 0 0 .077.337c.12.249.343.397 1.043.7c1.289.554 1.84.92 2.183 1.44c.383.576.468 1.506.209 2.194c-.288.75-.994 1.257-1.992 1.426a5.5 5.5 0 0 1-1.37-.015a3.3 3.3 0 0 1-1.828-.943c-.166-.183-.488-.66-.468-.694q.08-.058.166-.105l.662-.38l.517-.3l.108.16c.182.261.414.483.682.654c.576.302 1.363.26 1.752-.09a.78.78 0 0 0 .099-.996c-.144-.2-.432-.368-1.237-.72c-.929-.4-1.33-.648-1.695-1.042a2.4 2.4 0 0 1-.494-.9a3.6 3.6 0 0 1-.031-1.152c.191-.897.864-1.524 1.846-1.71a4.6 4.6 0 0 1 1.366.038zm-4.225.755v.737h-2.337v6.657H9.786V13.27H7.443v-.72q-.01-.371.02-.743c.009-.011 1.44-.017 3.168-.014h3.14l.01.742Z"/></svg>

Como usar o ícone Typescript

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="griddy-icons:typescript"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/griddy-icons/typescript.svg" alt="Ícone Typescript" width="24" height="24">

O ícone Typescript em outras coleções

Perguntas frequentes sobre Ícone Typescript

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

Sim. Griddy Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Typescript no React?

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

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

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

Ver todos os Griddy Icons →