ICONYZ
Bahasa Indonesia
Ikon Arrowleft dari Ligature Symbols

Ikon Arrowleft

ls:arrowleft

Ikon Arrowleft (ls:arrowleft) adalah ikon SVG gratis dari set Ligature Symbols karya Kazuyuki Motoyama. Ikon ini digambar pada grid 690 × 719. Ligature Symbols icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
Ligature Symbols
Pembuat
Kazuyuki Motoyama
Lisensi
OFL-1.1
Ukuran
690 × 719
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="690" height="719" viewBox="0 0 690 719"><path fill="currentColor" d="M689.13 466V251c0-26-19-45-45-45h-250V36c0-16-8-27-22-34c-5-1-10-2-14-2c-10 0-18 3-24 10l-324 324c-14 12-13 36 0 50l324 324c20 22 60 7 60-26V510h250c26 0 45-18 45-44"/></svg>

Cara memakai ikon Arrowleft

React

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

<Icon icon="ls:arrowleft" width="24" />

Vue

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

<template>
  <Icon icon="ls:arrowleft" width="24" />
</template>

Svelte

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

<Icon icon="ls:arrowleft" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ls--arrowleft]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ls -->
<div class="i-ls:arrowleft"></div>

Web component

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

<iconify-icon icon="ls:arrowleft"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/ls/arrowleft.svg" alt="Ikon Arrowleft" width="24" height="24">

Ikon Arrowleft di set ikon lain

FAQ Ikon Arrowleft

Apakah ikon Arrowleft gratis untuk penggunaan komersial?

Ya. Ligature Symbols icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Arrowleft di React?

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

Bagaimana cara menambahkan ikon Arrowleft ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/ls/arrowleft.svg" alt="Ikon Arrowleft">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Ligature Symbols →