Captions ikonu

keyline-icons:captions

Captions ikonu (keyline-icons:captions), Keyline Icons setinden ücretsiz bir SVG ikondur. 24 × 24 ızgara üzerinde çizilmiştir. Keyline Icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.

İkon seti: Keyline Icons
Yazar: Keyline Icons
Lisans: MIT
Boyut: 24 × 24
Etiketler: caption

SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 4L19 4C20.65685 4 22 5.34315 22 7L22 17C22 18.65685 20.65685 20 19 20L5 20C3.34315 20 2 18.65685 2 17L2 7C2 5.34315 3.34315 4 5 4ZM10 10C9.56726 9.67544 9.04093 9.5 8.5 9.5C7.11929 9.5 6 10.61929 6 12C6 13.38071 7.11929 14.5 8.5 14.5C9.04093 14.5 9.56726 14.32456 10 14M18 10C17.56726 9.67544 17.04093 9.5 16.5 9.5C15.11929 9.5 14 10.61929 14 12C14 13.38071 15.11929 14.5 16.5 14.5C17.04093 14.5 17.56726 14.32456 18 14"/></svg>

Captions ikonu nasıl kullanılır

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web bileşeni

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

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

HTML görseli

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

Keyline Icons setindeki benzer ikonlar

Diğer ikon setlerinde Captions ikonu

Captions ikonu: sık sorulan sorular

Captions ikonu ticari kullanım için ücretsiz mi?

Evet. Keyline Icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.

Captions ikonunu React'te nasıl kullanırım?

@iconify/react paketini kurup <Icon icon="keyline-icons:captions" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.

Captions ikonunu bir web sayfasına nasıl eklerim?

SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/keyline-icons/captions.svg" alt="Captions ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: Keyline Icons →