ICONYZ
日本語
Prime Icons の Sort Amount Up アイコン

Sort Amount Up アイコン

prime:sort-amount-up

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

アイコンセット
Prime Icons
作者
PrimeTek
ライセンス
MIT
サイズ
24 × 24
タグ
sortamount、amountup、sortamountup
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9 8.25c-.19 0-.38-.07-.53-.22L6.5 6.06L4.53 8.03c-.29.29-.77.29-1.06 0s-.29-.77 0-1.06l2.5-2.5c.29-.29.77-.29 1.06 0l2.5 2.5c.29.29.29.77 0 1.06c-.15.15-.34.22-.53.22"/><path fill="currentColor" d="M6.5 19.75c-.41 0-.75-.34-.75-.75V5c0-.41.34-.75.75-.75s.75.34.75.75v14c0 .41-.34.75-.75.75M20 8.25h-8c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h8c.41 0 .75.34.75.75s-.34.75-.75.75m-4 6h-4c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h4c.41 0 .75.34.75.75s-.34.75-.75.75m-2 3h-2c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h2c.41 0 .75.34.75.75s-.34.75-.75.75m4-6h-6c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h6c.41 0 .75.34.75.75s-.34.75-.75.75"/></svg>

Sort Amount Up アイコンの使い方

React

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

<Icon icon="prime:sort-amount-up" width="24" />

Vue

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

<template>
  <Icon icon="prime:sort-amount-up" width="24" />
</template>

Svelte

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

<Icon icon="prime:sort-amount-up" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[prime--sort-amount-up]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/prime -->
<div class="i-prime:sort-amount-up"></div>

Web コンポーネント

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

<iconify-icon icon="prime:sort-amount-up"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/prime/sort-amount-up.svg" alt="Sort Amount Up アイコン" width="24" height="24">

Prime Icons の関連アイコン

sort アイコン
sort
 sort-alpha-alt-down アイコン
sort-alpha-alt-down
 sort-alpha-alt-up アイコン
sort-alpha-alt-up
 sort-alpha-down アイコン
sort-alpha-down
 sort-alpha-up アイコン
sort-alpha-up
 sort-alt アイコン
sort-alt
 sort-alt-slash アイコン
sort-alt-slash
 sort-amount-down アイコン
sort-amount-down
 sort-amount-down-alt アイコン
sort-amount-down-alt
 sort-amount-up-alt アイコン
sort-amount-up-alt
 sort-down アイコン
sort-down
 sort-down-fill アイコン
sort-down-fill
 sort-numeric-alt-down アイコン
sort-numeric-alt-down
 sort-numeric-alt-up アイコン
sort-numeric-alt-up
 sort-numeric-down アイコン
sort-numeric-down
 sort-numeric-up アイコン
sort-numeric-up
 sort-up アイコン
sort-up
 sort-up-fill アイコン
sort-up-fill

他のアイコンセットの Sort Amount Up アイコン

Font Awesome 5 Solid の Sort Amount Up アイコン
Font Awesome 5 Solid
 Font Awesome Solid の Sort Amount Up アイコン
Font Awesome Solid
 Glyphs の Sort Amount Up アイコン
Glyphs
 Glyphs Poly の Sort Amount Up アイコン
Glyphs Poly
 IconPark の Sort Amount Up アイコン
IconPark
 IconPark Outline の Sort Amount Up アイコン
IconPark Outline
 Line Awesome の Sort Amount Up アイコン
Line Awesome
 Unicons の Sort Amount Up アイコン
Unicons

Sort Amount Up アイコン のよくある質問

Sort Amount Up アイコンは商用利用でも無料ですか?

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

React で Sort Amount Up アイコンを使うには?

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

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

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

Prime Icons をすべて見る →