Ikon Typescript
logos:typescript
Ikon Typescript (logos:typescript) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 512 × 128. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- SVG Logos
- Pembuat
- Gil Barbara
- Lisensi
- CC0-1.0
- Ukuran
- 512 × 128
Kode SVG
<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>
Cara memakai ikon Typescript
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 component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:typescript"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/logos/typescript.svg" alt="Ikon Typescript" width="24" height="24">
Ikon terkait di SVG Logos
Ikon Typescript di set ikon lain
FAQ Ikon Typescript
Apakah ikon Typescript gratis untuk penggunaan komersial?
Ya. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Typescript di React?
Pasang @iconify/react lalu render <Icon icon="logos:typescript" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Typescript ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/typescript.svg" alt="Ikon Typescript">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon SVG Logos →
ICONYZ
