ICONYZ
Türkçe
Unicons setinden Image Lock ikonu

Image Lock ikonu

uil:image-lock

Image Lock ikonu (uil:image-lock), 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
imagelock
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 5.18V4a3 3 0 0 0-6 0v1.18A3 3 0 0 0 12 8v2a3 3 0 0 0 3 3h4a3 3 0 0 0 3-3V8a3 3 0 0 0-2-2.82M16 4a1 1 0 0 1 2 0v1h-2Zm4 6a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1Zm-1 5a1 1 0 0 0-1 1v3a.9.9 0 0 1-.18.53l-8.41-8.41a2.86 2.86 0 0 0-3.93 0L4 12.6V7a1 1 0 0 1 1-1h5a1 1 0 0 0 0-2H5a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h12a3 3 0 0 0 3-3v-3a1 1 0 0 0-1-1M5 20a1 1 0 0 1-1-1v-3.57l2.9-2.9a.79.79 0 0 1 1.09 0L15.46 20Z"/></svg>

Image Lock ikonu nasıl kullanılır

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/uil -->
<div class="i-uil:image-lock"></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-lock"></iconify-icon>

HTML görseli

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

Unicons setindeki benzer ikonlar

image ikonu
image
 image-alt-slash ikonu
image-alt-slash
 image-block ikonu
image-block
 image-broken ikonu
image-broken
 image-check ikonu
image-check
 image-download ikonu
image-download
 image-edit ikonu
image-edit
 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

Diğer ikon setlerinde Image Lock ikonu

Material Design Icons setinden Image Lock ikonu
Material Design Icons
 IconOven setinden Image Lock ikonu
IconOven

Image Lock ikonu: sık sorulan sorular

Image Lock 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 Lock ikonunu React'te nasıl kullanırım?

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

Image Lock 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-lock.svg" alt="Image Lock 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 →