Ikon Captions Fill

keyline-icons:captions-fill

Ikon Captions Fill (keyline-icons:captions-fill) adalah ikon SVG gratis dari set Keyline Icons. Ikon ini digambar pada grid 24 × 24. Keyline 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: Keyline Icons
Pembuat: Keyline Icons
Lisensi: MIT
Ukuran: 24 × 24
Tag: captionsfill, caption

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M5 3L19 3C21.20914 3 23 4.79086 23 7L23 17C23 19.20914 21.20914 21 19 21L5 21C2.79086 21 1 19.20914 1 17L1 7C1 4.79086 2.79086 3 5 3ZM10.6 9.2C9.99416 8.74562 9.2573 8.5 8.5 8.5C6.567 8.5 5 10.067 5 12C5 13.933 6.567 15.5 8.5 15.5C9.2573 15.5 9.99416 15.25438 10.6 14.8C10.85181 14.61115 11 14.31476 11 14C11 13.78363 10.92982 13.5731 10.8 13.4C10.61115 13.14819 10.31476 13 10 13C9.78363 13 9.5731 13.07018 9.4 13.2C9.14036 13.39473 8.82456 13.5 8.5 13.5C7.67157 13.5 7 12.82843 7 12C7 11.17157 7.67157 10.5 8.5 10.5C8.82456 10.5 9.14036 10.60527 9.4 10.8C9.5731 10.92982 9.78363 11 10 11C10.31476 11 10.61115 10.85181 10.8 10.6C10.92982 10.4269 11 10.21637 11 10C11 9.68524 10.85181 9.38885 10.6 9.2ZM18.6 9.2C17.99416 8.74562 17.2573 8.5 16.5 8.5C14.567 8.5 13 10.067 13 12C13 13.933 14.567 15.5 16.5 15.5C17.2573 15.5 17.99416 15.25438 18.6 14.8C18.85181 14.61115 19 14.31476 19 14C19 13.78363 18.92982 13.5731 18.8 13.4C18.61115 13.14819 18.31476 13 18 13C17.78363 13 17.5731 13.07018 17.4 13.2C17.14036 13.39473 16.82456 13.5 16.5 13.5C15.67157 13.5 15 12.82843 15 12C15 11.17157 15.67157 10.5 16.5 10.5C16.82456 10.5 17.14036 10.60527 17.4 10.8C17.5731 10.92982 17.78363 11 18 11C18.31476 11 18.61115 10.85181 18.8 10.6C18.92982 10.4269 19 10.21637 19 10C19 9.68524 18.85181 9.38885 18.6 9.2Z" clip-rule="evenodd"/></svg>

Cara memakai ikon Captions Fill

React

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

<Icon icon="keyline-icons:captions-fill" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:captions-fill" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:captions-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--captions-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:captions-fill"></div>

Web component

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

<iconify-icon icon="keyline-icons:captions-fill"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/keyline-icons/captions-fill.svg" alt="Ikon Captions Fill" width="24" height="24">

Ikon terkait di Keyline Icons

FAQ Ikon Captions Fill

Apakah ikon Captions Fill gratis untuk penggunaan komersial?

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

Bagaimana cara memakai ikon Captions Fill di React?

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

Bagaimana cara menambahkan ikon Captions Fill ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/keyline-icons/captions-fill.svg" alt="Ikon Captions Fill">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Keyline Icons →