Ikon Square List

f7:square-list

Ikon Square List (f7:square-list) adalah ikon SVG gratis dari set Framework7 Icons karya Vladimir Kharlampidi. Ikon ini digambar pada grid 56 × 56. Framework7 Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: Framework7 Icons
Pembuat: Vladimir Kharlampidi
Lisensi: MIT
Ukuran: 56 × 56
Tag: squarelist

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56"><path fill="currentColor" d="M42.238 6.426c4.8 0 7.238 2.34 7.333 6.979l.003.286V42.31c0 4.731-2.34 7.167-7.045 7.262l-.29.003H13.784c-4.777 0-7.259-2.318-7.356-6.977l-.003-.288V13.69c0-4.754 2.386-7.168 7.07-7.262l.29-.003zm-.07 3.773H13.855c-2.268 0-3.57 1.164-3.652 3.448l-.004.232V42.12c0 2.359 1.23 3.598 3.433 3.676l.223.004h28.313c2.245 0 3.547-1.164 3.629-3.448l.004-.232V13.88c0-2.359-1.23-3.598-3.412-3.676zM16 36a2 2 0 1 1 0 4a2 2 0 0 1 0-4m25.182 0c1.004 0 1.818.895 1.818 2s-.814 2-1.818 2H24.818C23.814 40 23 39.105 23 38s.814-2 1.818-2zM16 26a2 2 0 1 1 0 4a2 2 0 0 1 0-4m25.182 0c1.004 0 1.818.895 1.818 2s-.814 2-1.818 2H24.818C23.814 30 23 29.105 23 28s.814-2 1.818-2zM16 16a2 2 0 1 1 0 4a2 2 0 0 1 0-4m25.182 0c1.004 0 1.818.895 1.818 2s-.814 2-1.818 2H24.818C23.814 20 23 19.105 23 18s.814-2 1.818-2z"/></svg>

Cara memakai ikon Square List

React

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

<Icon icon="f7:square-list" width="24" />

Vue

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

<template>
  <Icon icon="f7:square-list" width="24" />
</template>

Svelte

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

<Icon icon="f7:square-list" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[f7--square-list]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/f7 -->
<div class="i-f7:square-list"></div>

Web component

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

<iconify-icon icon="f7:square-list"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/f7/square-list.svg" alt="Ikon Square List" width="24" height="24">

Ikon terkait di Framework7 Icons

FAQ Ikon Square List

Apakah ikon Square List gratis untuk penggunaan komersial?

Ya. Framework7 Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Square List di React?

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

Bagaimana cara menambahkan ikon Square List ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/f7/square-list.svg" alt="Ikon Square List">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Framework7 Icons →