Ikon Lock Key
ix:lock-key
Ikon Lock Key (ix:lock-key) adalah ikon SVG gratis dari set Siemens Industrial Experience Icons karya Siemens AG. Ikon ini digambar pada grid 512 × 512. Siemens Industrial Experience Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Siemens Industrial Experience Icons
- Pembuat
- Siemens AG
- Lisensi
- MIT
- Ukuran
- 512 × 512
- Tag
- lockkey
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" fill-rule="evenodd" d="M426.667 320v-64H384v-85.333c0-70.305-57.51-128-128-128s-128 57.695-128 128V256H85.333v213.334h128v-42.667H128v-128h256v32.749c12.551-7.26 27.124-11.416 42.667-11.416m-256-149.333c0-46.338 38.002-85.333 85.333-85.333s85.333 38.995 85.333 85.333V256H170.667zm320 234.667c0-35.347-28.654-64-64-64c-27.866 0-51.573 17.809-60.359 42.666H234.667v42.667H256v42.667h64v-42.667h46.308c8.786 24.857 32.493 42.667 60.359 42.667c35.346 0 64-28.654 64-64m-96 0c0-17.673 14.327-32 32-32s32 14.327 32 32s-14.327 32-32 32s-32-14.327-32-32" clip-rule="evenodd"/></svg>Cara memakai ikon Lock Key
React
import { Icon } from "@iconify/react";
<Icon icon="ix:lock-key" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ix:lock-key" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ix:lock-key" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ix--lock-key]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ix -->
<div class="i-ix:lock-key"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ix:lock-key"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/ix/lock-key.svg" alt="Ikon Lock Key" width="24" height="24">Ikon terkait di Siemens Industrial Experience Icons
Ikon Lock Key di set ikon lain
FAQ Ikon Lock Key
Apakah ikon Lock Key gratis untuk penggunaan komersial?
Ya. Siemens Industrial Experience Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Lock Key di React?
Pasang @iconify/react lalu render <Icon icon="ix:lock-key" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Lock Key ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/ix/lock-key.svg" alt="Ikon Lock Key">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.