Captions Fill icon

keyline-icons:captions-fill

The Captions Fill icon (keyline-icons:captions-fill) is a free SVG icon from the Keyline Icons set. It is drawn on a 24 × 24 grid. Keyline Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Keyline Icons
Author: Keyline Icons
License: MIT
Size: 24 × 24
Tags: captionsfill, caption

Download SVG

SVG code

<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>

How to use the Captions Fill icon

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>

HTML image

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

Related icons in Keyline Icons

Captions Fill icon FAQ

Is the Captions Fill icon free for commercial use?

Yes. Keyline Icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Captions Fill icon in React?

Install @iconify/react and render <Icon icon="keyline-icons:captions-fill" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Captions Fill icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/keyline-icons/captions-fill.svg" alt="Captions Fill icon">, or paste the SVG code inline to style it with CSS.

Browse all Keyline Icons →