Ikon Read More

gridicons:read-more

Ikon Read More (gridicons:read-more) adalah ikon SVG gratis dari set Gridicons karya Automattic. Ikon ini digambar pada grid 24 × 24. Gridicons dirilis di bawah lisensi GPL 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial; versi file ikon yang dimodifikasi harus tetap memakai lisensi yang sama. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: Gridicons
Pembuat: Automattic
Lisensi: GPL-2.0-only
Ukuran: 24 × 24
Tag: readmore

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9 12h6v-2H9zm-7 0h5v-2H2zm15 0h5v-2h-5zm3 2v2l-6 6H6a2 2 0 0 1-2-2v-6h2v6h6v-4a2 2 0 0 1 2-2zM4 8V4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v4h-2V4H6v4z"/></svg>

Cara memakai ikon Read More

React

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

<Icon icon="gridicons:read-more" width="24" />

Vue

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

<template>
  <Icon icon="gridicons:read-more" width="24" />
</template>

Svelte

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

<Icon icon="gridicons:read-more" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[gridicons--read-more]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/gridicons -->
<div class="i-gridicons:read-more"></div>

Web component

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

<iconify-icon icon="gridicons:read-more"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/gridicons/read-more.svg" alt="Ikon Read More" width="24" height="24">

Ikon terkait di Gridicons

Ikon Read More di set ikon lain

FAQ Ikon Read More

Apakah ikon Read More gratis untuk penggunaan komersial?

Ya. Gridicons dirilis di bawah lisensi GPL 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial; versi file ikon yang dimodifikasi harus tetap memakai lisensi yang sama.

Bagaimana cara memakai ikon Read More di React?

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

Bagaimana cara menambahkan ikon Read More ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/gridicons/read-more.svg" alt="Ikon Read More">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Gridicons →