Icono Captions Fill

keyline-icons:captions-fill

El icono Captions Fill (keyline-icons:captions-fill) es un icono SVG gratuito de la colección Keyline Icons. Está dibujado en una cuadrícula de 24 × 24. Keyline Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección: Keyline Icons
Autor: Keyline Icons
Licencia: MIT
Tamaño: 24 × 24
Etiquetas: captionsfill, caption

Descargar SVG

Código 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>

Cómo usar el icono 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>

Imagen HTML

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

Iconos relacionados en Keyline Icons

Preguntas frecuentes sobre Icono Captions Fill

¿El icono Captions Fill es gratis para uso comercial?

Sí. Keyline Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Captions Fill en React?

Instala @iconify/react y renderiza <Icon icon="keyline-icons:captions-fill" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Captions Fill a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/keyline-icons/captions-fill.svg" alt="Icono Captions Fill">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Keyline Icons →