Text Typography アイコン

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

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

proicons:text-typography

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

アイコンセット: ProIcons
作者: ProCode
ライセンス: MIT
サイズ: 24 × 24
タグ: texttypography

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m2.25 18.25l1.875-4.404m0 0h6.75m-6.75 0L6.998 7.1a.536.536 0 0 1 1.004 0l2.873 6.747m0 0l1.875 4.404m9-4.948l-.07-.014c-2.88-.557-6.308-.472-6.308 2.462c0 .824.464 1.598 1.14 2.02c.67.417 1.515.429 2.305.429c1.086 0 2.277-.626 2.754-1.602q.137-.279.179-.633V14.84m0-1.537v-.587c0-.734-.085-1.704-.517-2.297c-.47-.646-1.303-1.375-2.672-1.375c-2.261 0-2.991 1.595-2.991 1.595m6.18 2.664v1.537m0 3.26v-3.26"/></svg>

Text Typography アイコンの使い方

React

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

<Icon icon="proicons:text-typography" width="24" />

Vue

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

<template>
  <Icon icon="proicons:text-typography" width="24" />
</template>

Svelte

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

<Icon icon="proicons:text-typography" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="proicons:text-typography"></iconify-icon>

HTML 画像

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

ProIcons の関連アイコン

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

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

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

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

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

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

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

ProIcons をすべて見る →