Typescript ikonu

logos:typescript

Typescript ikonu (logos:typescript), SVG Logos setinden ücretsiz bir SVG ikondur (yapımcı: Gil Barbara). 512 × 128 ızgara üzerinde çizilmiştir. SVG Logos icons, CC0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.

İkon seti: SVG Logos
Yazar: Gil Barbara
Lisans: CC0-1.0
Boyut: 512 × 128

SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="128" viewBox="0 0 512 128"><path fill="#3178c6" d="M14 0h484c7.732 0 14 6.268 14 14v99.49c0 7.732-6.268 14-14 14H14c-7.732 0-14-6.268-14-14V14C0 6.268 6.268 0 14 0"/><path fill="#fff" d="M161.57 46.285h17.426v-8.548H134.12v8.548h17.384v52.137h10.066zm33.49 59.076l19.633-50.285h-9.944L193.87 86.652q-.387 1.452-.607 2.364l-.158.683h-.213q-.34-1.451-.54-2.266l-.225-.866l-10.369-31.491h-10.921l17.296 43.258l-2.932 7.111q-2.72 5.418-8.245 5.418q-1.912 0-4.25-.762v8.17q2.083.55 5.185.55q11.05 0 17.169-13.46m50.546-51.305q8.278 0 12.906 5.795q4.627 5.795 4.627 15.566q0 10.829-5.222 17.344q-5.22 6.514-14.264 6.514q-8.322 0-12.821-7.275h-.17v26.31h-9.85V55.072h9.85v7.614h.17q5.052-8.63 14.774-8.63m-3.44 8.16q-5.26 0-8.461 3.701q-3.203 3.704-3.203 9.257v5.343q0 4.713 3.033 7.994q3.033 3.282 7.698 3.282q5.472 0 8.59-4.229q3.117-4.227 3.117-11.801q0-6.353-2.906-9.95q-2.905-3.598-7.868-3.598m46.822-8.16q8.838 0 13.678 5.715t4.84 15.877v3.768h-29.377q.169 6.012 3.683 9.272t9.659 3.26q6.902 0 12.668-4.149v7.917q-5.892 3.726-15.572 3.726q-9.511 0-14.92-5.906q-5.408-5.907-5.408-16.618q0-10.118 5.955-16.49t14.794-6.372m42.359-17.339q5.439 0 10.879 1.819v4.399q-5.355-2.412-11.432-2.411q-6.204 0-9.838 3.13t-3.633 7.951q0 4.653 2.486 7.402t10.73 7.487q8.542 4.822 11.368 8.564q2.826 3.744 2.826 8.608q0 6.978-4.866 11.377t-13.747 4.4q-3.145 0-7.246-.974q-4.101-.973-6.268-2.241v-4.78q6.544 4.146 13.259 4.145q7.14 0 10.836-2.94t3.697-8.226q0-4.653-2.486-7.423q-2.397-2.67-10.188-7.21l-.585-.34q-9.264-5.37-11.729-8.988q-2.464-3.615-2.464-8.353q-.001-6.43 5.014-10.913q5.015-4.482 13.387-4.483m-42.21 24.478q-4.195 0-7.111 3.102q-2.916 3.103-3.588 8.117h19.889q-.042-5.31-2.476-8.265q-2.433-2.954-6.713-2.954m80.537 38.247q6.742 0 11.605-2.958v-4.057q-4.863 3.465-11.434 3.465q-7.17 0-11.542-5.113q-4.374-5.114-4.374-13.523q0-8.705 4.779-14.178q4.779-5.472 12.459-5.472q5.59 0 10.283 2.873v-4.395q-4.693-2.028-9.685-2.028q-9.644 0-15.788 6.571q-6.144 6.572-6.144 16.883q0 9.804 5.461 15.868t14.38 6.064m37.274-40.456q-1.942-1.404-4.56-1.403q-5.111 0-8.574 5.312t-3.463 15.087v20.44h-3.801V54.906h3.8v9.646h.17q1.478-4.971 4.687-7.734t7.434-2.762q2.406 0 4.307.765zm10.2-3.91v43.346h-4.08V55.076zm-1.828-17.339q1.334 0 2.346.872q1.011.873 1.011 2.356q0 1.395-.99 2.398q-.99 1.005-2.367 1.004q-1.293 0-2.282-.96t-.99-2.442q0-1.44 1.012-2.334q1.01-.894 2.26-.894m31.249 16.319q8.24 0 12.867 5.685q4.628 5.686 4.628 15.451q0 10.864-5.304 17.565q-5.303 6.7-14.008 6.7q-9.72 0-14.369-8.75h-.168v27.604h-3.888V55.112h3.888v8.92h.168q2.325-4.777 6.656-7.376t9.53-2.6m-.159 3.57q-7.64 0-11.821 5.065q-4.182 5.066-4.183 11.905v5.446q0 6.501 4.14 11.166t10.883 4.665q6.7 0 10.883-5.678q4.182-5.679 4.182-14.923q0-8.106-3.841-12.876q-3.84-4.77-10.243-4.77m36.458 41.816q2.647 0 5.674-1.435v-3.63q-2.774 1.562-5.17 1.562q-3.361 0-4.77-2.005t-1.408-6.48V58.92h11.348v-3.545h-11.348V42.837q-.924.338-1.934.633q-1.008.338-1.933.675v11.229h-7.733v3.545h7.733V87.96q0 11.482 9.541 11.482"/></svg>

Typescript ikonu nasıl kullanılır

React

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

<Icon icon="logos:typescript" width="24" />

Vue

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

<template>
  <Icon icon="logos:typescript" width="24" />
</template>

Svelte

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

<Icon icon="logos:typescript" width="24" />

Tailwind CSS

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

UnoCSS

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

Web bileşeni

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

<iconify-icon icon="logos:typescript"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/logos/typescript.svg" alt="Typescript ikonu" width="24" height="24">

SVG Logos setindeki benzer ikonlar

Diğer ikon setlerinde Typescript ikonu

Typescript ikonu: sık sorulan sorular

Typescript ikonu ticari kullanım için ücretsiz mi?

Evet. SVG Logos icons, CC0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.

Typescript ikonunu React'te nasıl kullanırım?

@iconify/react paketini kurup <Icon icon="logos:typescript" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.

Typescript ikonunu bir web sayfasına nasıl eklerim?

SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/logos/typescript.svg" alt="Typescript ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: SVG Logos ikonları →