ICONYZ
Bahasa Indonesia
Ikon Readability dari Ligature Symbols

Ikon Readability

ls:readability

Ikon Readability (ls:readability) adalah ikon SVG gratis dari set Ligature Symbols karya Kazuyuki Motoyama. Ikon ini digambar pada grid 819 × 636. 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
819 × 636
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="819" height="636" viewBox="0 0 819 636"><path fill="currentColor" d="M210 353v-1c-2-16-7-33-15-47c-7-12-17-23-28-31C181 152 285 58 410 58s228 94 242 216c-10 8-20 19-27 31c-8 14-14 31-16 47v1l-8 77c-57-36-123-55-191-55s-135 19-192 55zm-60 243L91 458c-50-1-91-43-91-93c0-52 42-94 94-94c34 0 64 18 80 46c7 11 11 24 13 38v1l29 269c0 5-4 11-9 11h-48c-5 0-9-6-9-11zm482-240v-1c2-14 6-27 13-38c16-28 46-46 80-46c52 0 94 42 94 94c0 50-41 92-91 93l-58 138v29c0 5-5 11-10 11h-48c-5 0-9-6-9-11zM232 566l-11-111c54-36 119-56 189-56s134 20 188 56l-11 111z"/></svg>

Cara memakai ikon Readability

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Gambar HTML

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

FAQ Ikon Readability

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

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

Bagaimana cara menambahkan ikon Readability ke halaman web?

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

Lihat semua Ikon Ligature Symbols →