Иконка Captions Fill

keyline-icons:captions-fill

Иконка Captions Fill (keyline-icons:captions-fill) — бесплатная SVG-иконка из набора Keyline Icons. Она нарисована на сетке 24 × 24. Keyline Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Keyline Icons
Автор: Keyline Icons
Лицензия: MIT
Размер: 24 × 24
Теги: captionsfill, caption

Скачать SVG

Код 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>

Как использовать иконку 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>

Веб-компонент

<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

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

Вопросы и ответы: Иконка Captions Fill

Можно ли бесплатно использовать иконку Captions Fill в коммерческих проектах?

Да. Keyline Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Captions Fill в React?

Установите @iconify/react и выведите <Icon icon="keyline-icons:captions-fill" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Captions Fill на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/keyline-icons/captions-fill.svg" alt="Иконка Captions Fill">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Keyline Icons →