ICONYZ
Bahasa Indonesia
Ikon Alignleft dari Ligature Symbols

Ikon Alignleft

ls:alignleft

Ikon Alignleft (ls:alignleft) adalah ikon SVG gratis dari set Ligature Symbols karya Kazuyuki Motoyama. Ikon ini digambar pada grid 666 × 644. 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
666 × 644
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="666" height="644" viewBox="0 0 666 644"><path fill="currentColor" d="M0 77v42c0 14 13 28 29 28h331c15 0 28-13 28-28V77c0-14-13-27-28-27H29C13 50 0 63 0 77m0 163v41c0 16 13 28 29 28h554c15 0 27-12 27-28v-41c0-15-12-27-27-27H29c-16 0-29 12-29 27m0 162v42c0 15 13 28 29 28h388c14 0 26-13 26-28v-42c0-15-12-28-26-28H29c-16 0-29 13-29 28m0 172v41c0 16 13 29 29 29h609c15 0 28-13 28-29v-41c0-14-13-28-28-28H29c-16 0-29 13-29 28"/></svg>

Cara memakai ikon Alignleft

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Gambar HTML

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

Ikon Alignleft di set ikon lain

FAQ Ikon Alignleft

Apakah ikon Alignleft 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 Alignleft di React?

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

Bagaimana cara menambahkan ikon Alignleft ke halaman web?

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

Lihat semua Ikon Ligature Symbols →