ICONYZ
Bahasa Indonesia
Ikon Sort Ascending Line dari MingCute Icon

Ikon Sort Ascending Line

mingcute:sort-ascending-line

Ikon Sort Ascending Line (mingcute:sort-ascending-line) adalah ikon SVG gratis dari set MingCute Icon karya MingCute Design. Ikon ini digambar pada grid 24 × 24. MingCute Icon icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
MingCute Icon
Pembuat
MingCute Design
Lisensi
Apache-2.0
Ukuran
24 × 24
Tag
sortascending, ascendingline, sortascendingline
Download SVG

Kode 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="2" d="M18 19V5m-2.828 2L18 4.172L20.828 7M4 12h9m-9 7h9M4 5h7"/></svg>

Cara memakai ikon Sort Ascending Line

React

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

<Icon icon="mingcute:sort-ascending-line" width="24" />

Vue

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

<template>
  <Icon icon="mingcute:sort-ascending-line" width="24" />
</template>

Svelte

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

<Icon icon="mingcute:sort-ascending-line" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[mingcute--sort-ascending-line]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/mingcute -->
<div class="i-mingcute:sort-ascending-line"></div>

Web component

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

<iconify-icon icon="mingcute:sort-ascending-line"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/mingcute/sort-ascending-line.svg" alt="Ikon Sort Ascending Line" width="24" height="24">

Ikon terkait di MingCute Icon

FAQ Ikon Sort Ascending Line

Apakah ikon Sort Ascending Line gratis untuk penggunaan komersial?

Ya. MingCute Icon icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Sort Ascending Line di React?

Pasang @iconify/react lalu render <Icon icon="mingcute:sort-ascending-line" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Sort Ascending Line ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/mingcute/sort-ascending-line.svg" alt="Ikon Sort Ascending Line">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon MingCute Icon →