Icono Typescript
skill-icons:typescript
El icono Typescript (skill-icons:typescript) es un icono SVG gratuito de la colección Skill Icons de tandpfun. Está dibujado en una cuadrícula de 256 × 256. Skill Icons se publican bajo la licencia MIT, 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
- Skill Icons
- Autor
- tandpfun
- Licencia
- MIT
- Tamaño
- 256 × 256
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#007acc" rx="60"/><path fill="#fff" d="m56.611 128.849l-.081 10.484h33.32v94.679h23.569v-94.679h33.32v-10.281c0-5.689-.121-10.443-.284-10.565c-.122-.162-20.399-.244-44.983-.203l-44.739.122zm149.956-10.741c6.501 1.626 11.459 4.511 16.01 9.224c2.357 2.52 5.851 7.112 6.136 8.209c.081.325-11.053 7.802-17.798 11.987c-.244.163-1.22-.894-2.317-2.519c-3.291-4.795-6.745-6.868-12.028-7.233c-7.761-.529-12.759 3.535-12.718 10.321c0 1.991.284 3.169 1.097 4.795c1.706 3.535 4.876 5.648 14.832 9.955c18.326 7.884 26.168 13.085 31.045 20.48c5.445 8.249 6.664 21.415 2.966 31.208c-4.063 10.646-14.141 17.879-28.323 20.277c-4.388.772-14.791.65-19.504-.203c-10.281-1.829-20.033-6.908-26.047-13.572c-2.357-2.601-6.949-9.387-6.664-9.875c.121-.162 1.178-.812 2.356-1.503c1.138-.65 5.446-3.129 9.509-5.486l7.355-4.267l1.544 2.276c2.154 3.291 6.867 7.802 9.712 9.305c8.167 4.308 19.383 3.698 24.909-1.259c2.357-2.154 3.332-4.389 3.332-7.68c0-2.967-.366-4.267-1.91-6.502c-1.991-2.844-6.054-5.242-17.595-10.24c-13.206-5.689-18.895-9.224-24.096-14.832c-3.007-3.25-5.852-8.452-7.03-12.8c-.975-3.616-1.219-12.678-.447-16.335c2.722-12.759 12.353-21.658 26.25-24.3c4.511-.853 14.994-.528 19.424.569"/></g></svg>
Cómo usar el icono Typescript
React
import { Icon } from "@iconify/react";
<Icon icon="skill-icons:typescript" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="skill-icons:typescript" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="skill-icons:typescript" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[skill-icons--typescript]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/skill-icons -->
<div class="i-skill-icons:typescript"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="skill-icons:typescript"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/skill-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í. Skill Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Typescript en React?
Instala @iconify/react y renderiza <Icon icon="skill-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/skill-icons/typescript.svg" alt="Icono Typescript">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Skill Icons →
ICONYZ
