captions icon

captions-fill from Keyline Icons by Keyline Icons · Fill · MIT Free for personal and commercial use.

Name: captions-fill
Set: Keyline Icons
Style: Fill
Viewbox: 24×24
License: MIT

7 other variants in Keyline Icons

captions captions-duotone captions-sharp captions-sharp-duotone captions-sharp-fill captions-sharp-two-tone captions-two-tone

The same icon in other sets

captionsBoxIcons v2 captionsBoxIcons v2 Solid captionscss.gg captionsHuge Icons captionsLucide

Use the captions icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>

React

import type { SVGProps } from "react";

export function KeylineIconsCaptionsFill(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="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" clipRule="evenodd"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
</template>

CSS

.icon-captions-fill {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M5%203L19%203C21.20914%203%2023%204.79086%2023%207L23%2017C23%2019.20914%2021.20914%2021%2019%2021L5%2021C2.79086%2021%201%2019.20914%201%2017L1%207C1%204.79086%202.79086%203%205%203ZM10.6%209.2C9.99416%208.74562%209.2573%208.5%208.5%208.5C6.567%208.5%205%2010.067%205%2012C5%2013.933%206.567%2015.5%208.5%2015.5C9.2573%2015.5%209.99416%2015.25438%2010.6%2014.8C10.85181%2014.61115%2011%2014.31476%2011%2014C11%2013.78363%2010.92982%2013.5731%2010.8%2013.4C10.61115%2013.14819%2010.31476%2013%2010%2013C9.78363%2013%209.5731%2013.07018%209.4%2013.2C9.14036%2013.39473%208.82456%2013.5%208.5%2013.5C7.67157%2013.5%207%2012.82843%207%2012C7%2011.17157%207.67157%2010.5%208.5%2010.5C8.82456%2010.5%209.14036%2010.60527%209.4%2010.8C9.5731%2010.92982%209.78363%2011%2010%2011C10.31476%2011%2010.61115%2010.85181%2010.8%2010.6C10.92982%2010.4269%2011%2010.21637%2011%2010C11%209.68524%2010.85181%209.38885%2010.6%209.2ZM18.6%209.2C17.99416%208.74562%2017.2573%208.5%2016.5%208.5C14.567%208.5%2013%2010.067%2013%2012C13%2013.933%2014.567%2015.5%2016.5%2015.5C17.2573%2015.5%2017.99416%2015.25438%2018.6%2014.8C18.85181%2014.61115%2019%2014.31476%2019%2014C19%2013.78363%2018.92982%2013.5731%2018.8%2013.4C18.61115%2013.14819%2018.31476%2013%2018%2013C17.78363%2013%2017.5731%2013.07018%2017.4%2013.2C17.14036%2013.39473%2016.82456%2013.5%2016.5%2013.5C15.67157%2013.5%2015%2012.82843%2015%2012C15%2011.17157%2015.67157%2010.5%2016.5%2010.5C16.82456%2010.5%2017.14036%2010.60527%2017.4%2010.8C17.5731%2010.92982%2017.78363%2011%2018%2011C18.31476%2011%2018.61115%2010.85181%2018.8%2010.6C18.92982%2010.4269%2019%2010.21637%2019%2010C19%209.68524%2018.85181%209.38885%2018.6%209.2Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M5%203L19%203C21.20914%203%2023%204.79086%2023%207L23%2017C23%2019.20914%2021.20914%2021%2019%2021L5%2021C2.79086%2021%201%2019.20914%201%2017L1%207C1%204.79086%202.79086%203%205%203ZM10.6%209.2C9.99416%208.74562%209.2573%208.5%208.5%208.5C6.567%208.5%205%2010.067%205%2012C5%2013.933%206.567%2015.5%208.5%2015.5C9.2573%2015.5%209.99416%2015.25438%2010.6%2014.8C10.85181%2014.61115%2011%2014.31476%2011%2014C11%2013.78363%2010.92982%2013.5731%2010.8%2013.4C10.61115%2013.14819%2010.31476%2013%2010%2013C9.78363%2013%209.5731%2013.07018%209.4%2013.2C9.14036%2013.39473%208.82456%2013.5%208.5%2013.5C7.67157%2013.5%207%2012.82843%207%2012C7%2011.17157%207.67157%2010.5%208.5%2010.5C8.82456%2010.5%209.14036%2010.60527%209.4%2010.8C9.5731%2010.92982%209.78363%2011%2010%2011C10.31476%2011%2010.61115%2010.85181%2010.8%2010.6C10.92982%2010.4269%2011%2010.21637%2011%2010C11%209.68524%2010.85181%209.38885%2010.6%209.2ZM18.6%209.2C17.99416%208.74562%2017.2573%208.5%2016.5%208.5C14.567%208.5%2013%2010.067%2013%2012C13%2013.933%2014.567%2015.5%2016.5%2015.5C17.2573%2015.5%2017.99416%2015.25438%2018.6%2014.8C18.85181%2014.61115%2019%2014.31476%2019%2014C19%2013.78363%2018.92982%2013.5731%2018.8%2013.4C18.61115%2013.14819%2018.31476%2013%2018%2013C17.78363%2013%2017.5731%2013.07018%2017.4%2013.2C17.14036%2013.39473%2016.82456%2013.5%2016.5%2013.5C15.67157%2013.5%2015%2012.82843%2015%2012C15%2011.17157%2015.67157%2010.5%2016.5%2010.5C16.82456%2010.5%2017.14036%2010.60527%2017.4%2010.8C17.5731%2010.92982%2017.78363%2011%2018%2011C18.31476%2011%2018.61115%2010.85181%2018.8%2010.6C18.92982%2010.4269%2019%2010.21637%2019%2010C19%209.68524%2018.85181%209.38885%2018.6%209.2Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/captions-fill.svg?color=%231a73e8&size=48