ICONYZ
Türkçe
Majesticons setinden Image In Picture ikonu

Image In Picture ikonu

majesticons:image-in-picture

Image In Picture ikonu (majesticons:image-in-picture), Majesticons setinden ücretsiz bir SVG ikondur (yapımcı: Gerrit Halfmann). 24 × 24 ızgara üzerinde çizilmiştir. Majesticons, 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
Majesticons
Yazar
Gerrit Halfmann
Lisans
MIT
Boyut
24 × 24
Etiketler
imagein, inpicture, imageinpicture
SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 8h.001M20 8h.001M20 12h.001M20 16h.001M20 20h.001M16 20h.001M4 4h.001M16 4h.001M20 4h.001"/><path fill="currentColor" fill-rule="evenodd" d="M3 13a3 3 0 0 1 3-3h5a3 3 0 0 1 3 3v1h-1c-1.14 0-2.624.28-3.85 1.2C7.876 16.156 7 17.715 7 20v1H6a3 3 0 0 1-3-3zm6 8h2a3 3 0 0 0 3-3v-2h-1c-.86 0-1.876.22-2.65.8C9.624 17.344 9 18.285 9 20zm-3-9a1 1 0 1 0 0 2h.01a1 1 0 1 0 0-2z" clip-rule="evenodd"/></g></svg>

Image In Picture ikonu nasıl kullanılır

React

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

<Icon icon="majesticons:image-in-picture" width="24" />

Vue

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

<template>
  <Icon icon="majesticons:image-in-picture" width="24" />
</template>

Svelte

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

<Icon icon="majesticons:image-in-picture" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[majesticons--image-in-picture]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/majesticons -->
<div class="i-majesticons:image-in-picture"></div>

Web bileşeni

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

<iconify-icon icon="majesticons:image-in-picture"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/majesticons/image-in-picture.svg" alt="Image In Picture ikonu" width="24" height="24">

Majesticons setindeki benzer ikonlar

image ikonu
image
 image-circle ikonu
image-circle
 image-circle-line ikonu
image-circle-line
 image-circle-off ikonu
image-circle-off
 image-circle-off-line ikonu
image-circle-off-line
 image-circle-plus ikonu
image-circle-plus
 image-circle-plus-line ikonu
image-circle-plus-line
 image-circle-story ikonu
image-circle-story
 image-circle-story-line ikonu
image-circle-story-line
 image-frame ikonu
image-frame
 image-frame-line ikonu
image-frame-line
 image-in-picture-line ikonu
image-in-picture-line
 image-line ikonu
image-line
 image-multiple ikonu
image-multiple
 image-multiple-line ikonu
image-multiple-line
 image-off ikonu
image-off
 image-off-line ikonu
image-off-line
 image-photography ikonu
image-photography
 image-photography-line ikonu
image-photography-line
 image-plus ikonu
image-plus
 image-plus-line ikonu
image-plus-line

Diğer ikon setlerinde Image In Picture ikonu

Tabler Icons setinden Image In Picture ikonu
Tabler Icons

Image In Picture ikonu: sık sorulan sorular

Image In Picture ikonu ticari kullanım için ücretsiz mi?

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

Image In Picture ikonunu React'te nasıl kullanırım?

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

Image In Picture 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/majesticons/image-in-picture.svg" alt="Image In Picture ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: Majesticons →