ICONYZ
Español
Icono Typescript de Simple Icons

Icono Typescript

simple-icons:typescript

El icono Typescript (simple-icons:typescript) es un icono SVG gratuito de la colección Simple Icons de Simple Icons Collaborators. Está dibujado en una cuadrícula de 24 × 24. Simple Icons se publican bajo la licencia CC0 1.0, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección
Simple Icons
Autor
Simple Icons Collaborators
Licencia
CC0-1.0
Tamaño
24 × 24
Descargar 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="M1.125 0C.502 0 0 .502 0 1.125v21.75C0 23.498.502 24 1.125 24h21.75c.623 0 1.125-.502 1.125-1.125V1.125C24 .502 23.498 0 22.875 0zm17.363 9.75q.918 0 1.627.111a6.4 6.4 0 0 1 1.306.34v2.458a4 4 0 0 0-.643-.361a5 5 0 0 0-.717-.26a5.5 5.5 0 0 0-1.426-.2q-.45 0-.819.086a2.1 2.1 0 0 0-.623.242q-.254.156-.393.374a.9.9 0 0 0-.14.49q0 .294.156.529q.156.234.443.444c.287.21.423.276.696.41q.41.203.926.416q.705.296 1.266.628q.561.333.963.753q.402.418.614.957q.213.538.214 1.253q0 .986-.373 1.656a3 3 0 0 1-1.012 1.085a4.4 4.4 0 0 1-1.487.596q-.85.18-1.79.18a10 10 0 0 1-1.84-.164a5.5 5.5 0 0 1-1.512-.493v-2.63a5.03 5.03 0 0 0 3.237 1.2q.5 0 .872-.09q.373-.09.623-.25q.249-.162.373-.38a1.02 1.02 0 0 0-.074-1.089a2.1 2.1 0 0 0-.537-.5a5.6 5.6 0 0 0-.807-.444a28 28 0 0 0-1.007-.436q-1.377-.575-2.053-1.405t-.676-2.005q0-.92.369-1.582q.368-.662 1.004-1.089a4.5 4.5 0 0 1 1.47-.629a7.5 7.5 0 0 1 1.77-.201m-15.113.188h9.563v2.166H9.506v9.646H6.789v-9.646H3.375z"/></svg>

Cómo usar el icono Typescript

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Imagen HTML

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

El icono Typescript en otras colecciones

Preguntas frecuentes sobre Icono Typescript

¿El icono Typescript es gratis para uso comercial?

Sí. Simple Icons se publican bajo la licencia CC0 1.0, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Typescript en React?

Instala @iconify/react y renderiza <Icon icon="simple-icons:typescript" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Typescript a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/simple-icons/typescript.svg" alt="Icono Typescript">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Simple Icons →