ICONYZ
Türkçe
Unicons setinden Image Block ikonu

Image Block ikonu

uil:image-block

Image Block ikonu (uil:image-block), Unicons setinden ücretsiz bir SVG ikondur (yapımcı: Iconscout). 24 × 24 ızgara üzerinde çizilmiştir. Unicons, Apache 2.0 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
Unicons
Yazar
Iconscout
Lisans
Apache-2.0
Boyut
24 × 24
Kategori
Multimedya
Etiketler
imageblock
SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M20.54 2.46A5 5 0 1 0 22 6a5 5 0 0 0-1.46-3.54M14 6a3 3 0 0 1 3-3a3 3 0 0 1 1.29.3l-4 4A3 3 0 0 1 14 6m5.12 2.12a3.08 3.08 0 0 1-3.4.57l4-4A3 3 0 0 1 20 6a3 3 0 0 1-.88 2.12M19 13a1 1 0 0 0-1 1v.39l-1.48-1.49a2.87 2.87 0 0 0-3.93 0l-.7.71l-2.48-2.49a2.87 2.87 0 0 0-3.93 0L4 12.61V7a1 1 0 0 1 1-1h4a1 1 0 0 0 0-2H5a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h12a3 3 0 0 0 .95-.17h.09A3 3 0 0 0 20 19.44a1.4 1.4 0 0 0 0-.22V14a1 1 0 0 0-1-1M5 20a1 1 0 0 1-1-1v-3.57l2.9-2.89a.79.79 0 0 1 1.09 0l3.19 3.18L15.46 20Zm13-1a1 1 0 0 1-.18.54L13.3 15l.71-.7a.79.79 0 0 1 1.09 0l2.9 2.91Z"/></svg>

Image Block ikonu nasıl kullanılır

React

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

<Icon icon="uil:image-block" width="24" />

Vue

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

<template>
  <Icon icon="uil:image-block" width="24" />
</template>

Svelte

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

<Icon icon="uil:image-block" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[uil--image-block]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/uil -->
<div class="i-uil:image-block"></div>

Web bileşeni

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

<iconify-icon icon="uil:image-block"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/uil/image-block.svg" alt="Image Block ikonu" width="24" height="24">

Unicons setindeki benzer ikonlar

image ikonu
image
 image-alt-slash ikonu
image-alt-slash
 image-broken ikonu
image-broken
 image-check ikonu
image-check
 image-download ikonu
image-download
 image-edit ikonu
image-edit
 image-lock ikonu
image-lock
 image-minus ikonu
image-minus
 image-plus ikonu
image-plus
 image-question ikonu
image-question
 image-redo ikonu
image-redo
 image-resize-landscape ikonu
image-resize-landscape
 image-resize-square ikonu
image-resize-square
 image-search ikonu
image-search
 image-share ikonu
image-share
 image-shield ikonu
image-shield
 image-slash ikonu
image-slash
 image-times ikonu
image-times
 image-upload ikonu
image-upload
 image-v ikonu
image-v
 images ikonu
images

Image Block ikonu: sık sorulan sorular

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

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

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

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

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

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