Иконка Typescript

griddy-icons:typescript

Иконка Typescript (griddy-icons:typescript) — бесплатная SVG-иконка из набора Griddy Icons от Zuzana Benova. Она нарисована на сетке 24 × 24. Griddy Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Griddy Icons
Автор: Zuzana Benova
Лицензия: MIT
Размер: 24 × 24

Скачать SVG

Код 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>

Как использовать иконку 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>

Веб-компонент

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

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

Изображение HTML

<img src="https://iconyz.com/api/public/svg/griddy-icons/typescript.svg" alt="Иконка Typescript" width="24" height="24">

Иконка Typescript в других наборах

Вопросы и ответы: Иконка Typescript

Можно ли бесплатно использовать иконку Typescript в коммерческих проектах?

Да. Griddy Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Typescript в React?

Установите @iconify/react и выведите <Icon icon="griddy-icons:typescript" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Typescript на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/griddy-icons/typescript.svg" alt="Иконка Typescript">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Griddy Icons →