Ikon Fluent Reader

selfhst:fluent-reader

Ikon Fluent Reader (selfhst:fluent-reader) adalah ikon SVG gratis dari set selfh.st/icons karya selfh.st. Ikon ini digambar pada grid 512 × 512. selfh.st/icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: selfh.st/icons
Pembuat: selfh.st
Lisensi: CC-BY-4.0
Ukuran: 512 × 512
Tag: fluentreader

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><radialGradient id="SVGUwgqab1T" cx="-425.763" cy="637.073" r="2.447" gradientTransform="matrix(197.12 -198.8 -114.8 -113.96 157084.64 -11552.795)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#769ebe"/><stop offset="1" stop-color="#93c3e8"/></radialGradient><path fill="url(#SVGUwgqab1T)" d="M42.7 0h460.8c4.7 0 8.5 3.8 8.5 8.5v460.8c0 4.7-3.8 8.5-8.5 8.5H42.7c-4.7 0-8.5-3.8-8.5-8.5V8.5C34.1 3.8 38 0 42.7 0"/><radialGradient id="SVGjyDH2btJ" cx="-425.76" cy="636.149" r="2.437" gradientTransform="matrix(157.95 -160.2 -88.425 -87.075 123507.305 -12302.626)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#3a74a2"/><stop offset="1" stop-color="#64a5d6"/></radialGradient><path fill="url(#SVGjyDH2btJ)" d="M25.6 110.9h366.9c4.7 0 8.5 3.8 8.5 8.5v366.9c0 4.7-3.8 8.5-8.5 8.5H25.6c-4.7 0-8.5-3.8-8.5-8.5V119.5c0-4.7 3.8-8.6 8.5-8.6"/><radialGradient id="SVGpCTdQe9D" cx="-426.023" cy="636.955" r="1.998" gradientTransform="rotate(133.095 58542.902 36389.675)scale(-169.95 162.73)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#004e8c"/><stop offset="1" stop-color="#0078d4"/></radialGradient><path fill="url(#SVGpCTdQe9D)" d="M8.5 221.9h273.1c4.7 0 8.5 3.8 8.5 8.5v273.1c0 4.7-3.8 8.5-8.5 8.5H8.5c-4.7 0-8.5-3.8-8.5-8.5V230.4c0-4.7 3.8-8.5 8.5-8.5"/><path fill="#faf9f8" d="M88.1 459.1V283.2h120.6V313h-85.1v41.6H197v29.8h-73.4v74.8H88.1z"/></svg>

Cara memakai ikon Fluent Reader

React

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

<Icon icon="selfhst:fluent-reader" width="24" />

Vue

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

<template>
  <Icon icon="selfhst:fluent-reader" width="24" />
</template>

Svelte

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

<Icon icon="selfhst:fluent-reader" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--fluent-reader]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:fluent-reader"></div>

Web component

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

<iconify-icon icon="selfhst:fluent-reader"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/selfhst/fluent-reader.svg" alt="Ikon Fluent Reader" width="24" height="24">

Ikon terkait di selfh.st/icons

FAQ Ikon Fluent Reader

Apakah ikon Fluent Reader gratis untuk penggunaan komersial?

Ya. selfh.st/icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya.

Bagaimana cara memakai ikon Fluent Reader di React?

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

Bagaimana cara menambahkan ikon Fluent Reader ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/selfhst/fluent-reader.svg" alt="Ikon Fluent Reader">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua selfh.st/icons →