Text List Abc Lowercase Ltr 24 Regular アイコン
fluent:text-list-abc-lowercase-ltr-24-regular
Text List Abc Lowercase Ltr 24 Regular アイコン(fluent:text-list-abc-lowercase-ltr-24-regular)は、Fluent UI System Icons セットの無料 SVG アイコンです(作者: Microsoft Corporation)。 24 × 24 のグリッドで描かれています。 Fluent UI System Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent UI System Icons
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- textlist、listabc、abclowercase、lowercaseltr、ltrregular
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M4.622 3.75c-.501 0-.755.145-.83.234a.75.75 0 1 1-1.146-.968c.489-.578 1.28-.766 1.976-.766c.582 0 1.141.162 1.576.463c.431.299.799.786.799 1.412v.056L7 4.25v3a.75.75 0 0 1-1.33.474C5.33 7.901 4.943 8 4.535 8h-.161a1.875 1.875 0 0 1 0-3.75h1.122v-.125c0-.004 0-.018-.018-.047a.5.5 0 0 0-.135-.132a1.3 1.3 0 0 0-.722-.196m-.247 2a.375.375 0 1 0 0 .75h.16c.46 0 .844-.32.941-.75zM9 5.75A.75.75 0 0 1 9.75 5h9.5a.75.75 0 0 1 0 1.5h-9.5A.75.75 0 0 1 9 5.75m0 6.5a.75.75 0 0 1 .75-.75h9.5a.75.75 0 0 1 0 1.5h-9.5a.75.75 0 0 1-.75-.75m0 6.5a.75.75 0 0 1 .75-.75h9.5a.75.75 0 0 1 0 1.5h-9.5a.75.75 0 0 1-.75-.75M3.75 9a.75.75 0 0 1 .75.75v.642c.281-.097.579-.142.875-.142a2.375 2.375 0 1 1 0 4.75c-.372 0-.747-.07-1.087-.227A.75.75 0 0 1 3 14.25v-4.5A.75.75 0 0 1 3.75 9m.75 3.625c0 .364.116.559.234.667c.128.118.339.208.641.208a.875.875 0 0 0 0-1.75c-.302 0-.513.09-.641.208c-.118.108-.234.303-.234.667M4 19.25c0-.406.122-.71.302-.906c.17-.186.459-.344.948-.344c.452 0 .73.136.902.299a.75.75 0 0 0 1.03-1.09c-.49-.464-1.156-.709-1.932-.709c-.844 0-1.556.29-2.052.828c-.486.528-.698 1.223-.698 1.922s.212 1.394.698 1.922c.496.539 1.208.828 2.052.828c.776 0 1.442-.245 1.933-.709a.75.75 0 0 0-1.03-1.09c-.173.163-.451.299-.903.299c-.49 0-.777-.158-.948-.344c-.18-.195-.302-.5-.302-.906"/></svg>Text List Abc Lowercase Ltr 24 Regular アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent:text-list-abc-lowercase-ltr-24-regular" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent:text-list-abc-lowercase-ltr-24-regular" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent:text-list-abc-lowercase-ltr-24-regular" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent--text-list-abc-lowercase-ltr-24-regular]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent -->
<div class="i-fluent:text-list-abc-lowercase-ltr-24-regular"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent:text-list-abc-lowercase-ltr-24-regular"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent/text-list-abc-lowercase-ltr-24-regular.svg" alt="Text List Abc Lowercase Ltr 24 Regular アイコン" width="24" height="24">Fluent UI System Icons の関連アイコン
Text List Abc Lowercase Ltr 24 Regular アイコン のよくある質問
Text List Abc Lowercase Ltr 24 Regular アイコンは商用利用でも無料ですか?
はい。Fluent UI System Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Text List Abc Lowercase Ltr 24 Regular アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent:text-list-abc-lowercase-ltr-24-regular" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Text List Abc Lowercase Ltr 24 Regular アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent/text-list-abc-lowercase-ltr-24-regular.svg" alt="Text List Abc Lowercase Ltr 24 Regular アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。