ICONYZ
日本語
Fluent UI System Icons の Math Format Linear 20 Filled アイコン

Math Format Linear 20 Filled アイコン

fluent:math-format-linear-20-filled

Math Format Linear 20 Filled アイコン(fluent:math-format-linear-20-filled)は、Fluent UI System Icons セットの無料 SVG アイコンです(作者: Microsoft Corporation)。 20 × 20 のグリッドで描かれています。 Fluent UI System Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Fluent UI System Icons
作者
Microsoft Corporation
ライセンス
MIT
サイズ
20 × 20
タグ
mathformat、formatlinear、linearfilled、mathformatlinearfilled
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="currentColor" d="M9.011 3.18a.75.75 0 0 1 .978 0l1.75 1.503a.75.75 0 1 1-.978 1.138L9.5 4.738L8.239 5.821a.75.75 0 0 1-.978-1.138zm2.308 5.705c.349-.406.535-.386.55-.384c.05.005.152.05.263.197l1.315 2.051l-3.207 2.978a.75.75 0 1 0 1.02 1.1l3.01-2.795l1.349 2.106l.008.013c.45.668 1.117.954 1.767.909c.609-.043 1.188-.378 1.5-.898a.75.75 0 1 0-1.287-.771a.42.42 0 0 1-.51.135a.6.6 0 0 1-.22-.206l-1.491-2.325l2.874-2.669a.75.75 0 0 0-1.02-1.1l-2.676 2.486l-1.183-1.844l-.024-.036c-.25-.346-.696-.756-1.33-.823c-.674-.07-1.304.269-1.846.899a.75.75 0 1 0 1.138.977M7.668 7.848c-.35-.512-.95-.755-1.52-.825c-.592-.072-1.263.022-1.917.296c-1.333.557-2.603 1.856-3.122 4.08c-.228.972-.092 1.843.347 2.54c.432.687 1.11 1.133 1.843 1.364c1.439.453 3.28.137 4.472-1.088a.75.75 0 1 0-1.075-1.046c-.753.774-1.985 1.006-2.946.703c-.467-.147-.819-.405-1.024-.732a1.5 1.5 0 0 1-.221-.702c2.122.258 3.627-.293 4.54-1.223c.502-.511.8-1.116.908-1.7c.105-.57.041-1.189-.285-1.667m-1.694 2.316c-.494.504-1.465.982-3.17.799c.484-1.28 1.285-1.96 2.005-2.26c.439-.183.848-.228 1.156-.19c.329.04.446.155.464.18c.04.06.106.244.05.548a1.8 1.8 0 0 1-.505.923"/></svg>

Math Format Linear 20 Filled アイコンの使い方

React

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

<Icon icon="fluent:math-format-linear-20-filled" width="24" />

Vue

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

<template>
  <Icon icon="fluent:math-format-linear-20-filled" width="24" />
</template>

Svelte

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

<Icon icon="fluent:math-format-linear-20-filled" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent--math-format-linear-20-filled]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent -->
<div class="i-fluent:math-format-linear-20-filled"></div>

Web コンポーネント

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

<iconify-icon icon="fluent:math-format-linear-20-filled"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fluent/math-format-linear-20-filled.svg" alt="Math Format Linear 20 Filled アイコン" width="24" height="24">

Fluent UI System Icons の関連アイコン

Math Format Linear 20 Filled アイコン のよくある質問

Math Format Linear 20 Filled アイコンは商用利用でも無料ですか?

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

React で Math Format Linear 20 Filled アイコンを使うには?

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

Math Format Linear 20 Filled アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent/math-format-linear-20-filled.svg" alt="Math Format Linear 20 Filled アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Fluent UI System Icons をすべて見る →