Typescript アイコン

Q: Typescript アイコンは商用利用でも無料ですか?

はい。Griddy Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

griddy-icons:typescript

Typescript アイコン(griddy-icons:typescript)は、Griddy Icons セットの無料 SVG アイコンです（作者: 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>

Web コンポーネント

<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 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Typescript アイコンを使うには?

@iconify/react をインストールして <Icon icon="griddy-icons:typescript" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Typescript アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/griddy-icons/typescript.svg" alt="Typescript アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Griddy Icons をすべて見る →