Text Height アイコン

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

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

fontisto:text-height

Text Height アイコン(fontisto:text-height)は、Fontisto セットの無料 SVG アイコンです（作者: Kenan Gündoğan）。 24 × 24 のグリッドで描かれています。 Fontisto icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Fontisto
作者: Kenan Gündoğan
ライセンス: MIT
サイズ: 24 × 24
カテゴリ: エディター
タグ: textheight

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m22.111 14.056l-.657.704V8.658l.657.704a1.091 1.091 0 1 0 1.595-1.489l-2.558-2.739l-.046-.044l-.034-.031l-.051-.041l-.034-.026l-.062-.039l-.029-.018l-.08-.039l-.018-.009a1.1 1.1 0 0 0-.429-.088q-.178.001-.339.053l.008-.002a1 1 0 0 0-.106.04l.007-.003l-.018.008l-.08.039l-.028.017l-.063.04l-.034.025q-.027.02-.052.041l-.034.03l-.046.044l-.013.012l-2.546 2.727a1.089 1.089 0 0 0 .811 1.82c.307 0 .585-.127.783-.332l.657-.704v6.103l-.657-.704a1.091 1.091 0 0 0-1.595 1.489l-.001-.001l2.559 2.741l.042.041l.038.034l.048.038l.038.028l.058.036l.034.02l.074.036l.023.011q.045.02.093.035h.01c.097.032.208.05.324.051h.009q.236-.002.439-.092l-.007.003l.012-.006q.044-.019.085-.042l.024-.014q.035-.02.067-.042l.03-.022l.056-.044l.03-.027l.049-.047l.011-.011l2.546-2.727a1.089 1.089 0 0 0-.811-1.82c-.307 0-.585.127-.783.332zM12.727 4.8H1.091C.488 4.8 0 5.289 0 5.891v2.865a1.091 1.091 0 0 0 2.182 0v-.031v.002v-1.745h3.637v9.454H4.134a1.092 1.092 0 0 0-.002 2.182h5.553a1.092 1.092 0 0 0 .002-2.182H8V6.982h3.636v1.775a1.091 1.091 0 0 0 2.182 0v-.031v.002v-2.835a1.09 1.09 0 0 0-1.09-1.091z"/></svg>

Text Height アイコンの使い方

React

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

<Icon icon="fontisto:text-height" width="24" />

Vue

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

<template>
  <Icon icon="fontisto:text-height" width="24" />
</template>

Svelte

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

<Icon icon="fontisto:text-height" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fontisto--text-height]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fontisto -->
<div class="i-fontisto:text-height"></div>

Web コンポーネント

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

<iconify-icon icon="fontisto:text-height"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fontisto/text-height.svg" alt="Text Height アイコン" width="24" height="24">

Fontisto の関連アイコン

他のアイコンセットの Text Height アイコン

Text Height アイコンのよくある質問

Text Height アイコンは商用利用でも無料ですか?

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

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

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

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

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

Fontisto アイコンをすべて見る →