User Lock Line ikonu

mingcute:user-lock-line

User Lock Line ikonu (mingcute:user-lock-line), MingCute Icon setinden ücretsiz bir SVG ikondur (yapımcı: MingCute Design). 24 × 24 ızgara üzerinde çizilmiştir. MingCute Icon icons, 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: MingCute Icon
Yazar: MingCute Design
Lisans: Apache-2.0
Boyut: 24 × 24
Etiketler: userlock, lockline, userlockline

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="M12.105 15.059a1 1 0 1 0 .211-1.99l-.106.995zm-.42 6.936a1 1 0 1 0-.027-2l.014 1zM16 17v-1a1 1 0 0 0-1 1zm0 4h-1a1 1 0 0 0 1 1zm5 0v1a1 1 0 0 0 1-1zm0-4h1a1 1 0 0 0-1-1zm-5 0a1 1 0 1 0 2 0zm3 0a1 1 0 1 0 2 0zM15 7h-1a3 3 0 0 1-3 3v2a5 5 0 0 0 5-5zm-4 4v-1a3 3 0 0 1-3-3H6a5 5 0 0 0 5 5zM7 7h1a3 3 0 0 1 3-3V2a5 5 0 0 0-5 5zm4-4v1a3 3 0 0 1 3 3h2a5 5 0 0 0-5-5zm0 11v1q.563 0 1.105.059l.105-.995l.106-.994Q11.672 13 11 13zm-8 4.5h1c0-.18.09-.489.413-.899c.316-.4.804-.828 1.451-1.222C7.157 15.589 8.977 15 11 15v-2c-2.395 0-4.575.694-6.178 1.672c-.8.488-1.484 1.064-1.978 1.69C2.358 16.976 2 17.713 2 18.5zm8 2.5v-1c-2.19 0-4.083-.143-5.4-.492c-.663-.175-1.096-.382-1.345-.582C4.037 18.751 4 18.622 4 18.5H2c0 .845.411 1.511 1.003 1.986c.56.45 1.299.748 2.084.956C6.665 21.859 8.771 22 11 22zm.672-.005l-.014-1Q11.333 20 11 20v2q.346 0 .685-.005zM16 17h-1v4h2v-4zm0 4v1h5v-2h-5zm5 0h1v-4h-2v4zm0-4v-1h-5v2h5zm-4 0h1v-1.5h-2V17zm3-1.5h-1V17h2v-1.5zM18.5 14v1a.5.5 0 0 1 .5.5h2a2.5 2.5 0 0 0-2.5-2.5zM17 15.5h1a.5.5 0 0 1 .5-.5v-2a2.5 2.5 0 0 0-2.5 2.5z"/></svg>

User Lock Line ikonu nasıl kullanılır

React

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

<Icon icon="mingcute:user-lock-line" width="24" />

Vue

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

<template>
  <Icon icon="mingcute:user-lock-line" width="24" />
</template>

Svelte

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

<Icon icon="mingcute:user-lock-line" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[mingcute--user-lock-line]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/mingcute -->
<div class="i-mingcute:user-lock-line"></div>

Web bileşeni

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

<iconify-icon icon="mingcute:user-lock-line"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/mingcute/user-lock-line.svg" alt="User Lock Line ikonu" width="24" height="24">

MingCute Icon setindeki benzer ikonlar

User Lock Line ikonu: sık sorulan sorular

User Lock Line ikonu ticari kullanım için ücretsiz mi?

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

User Lock Line ikonunu React'te nasıl kullanırım?

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

User Lock Line 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/mingcute/user-lock-line.svg" alt="User Lock Line ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: MingCute Icon ikonları →