Ikon Lock Outline
zmdi:lock-outline
Ikon Lock Outline (zmdi:lock-outline) adalah ikon SVG gratis dari set Material Design Iconic Font karya MDI Community. Ikon ini digambar pada grid 344 × 456. Material Design Iconic Font icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Material Design Iconic Font
- Pembuat
- MDI Community
- Lisensi
- OFL-1.1
- Ukuran
- 344 × 456
- Tag
- lockoutline
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="344" height="456" viewBox="0 0 344 456"><path fill="currentColor" d="M299 155q17 0 29.5 12.5T341 197v214q0 17-12.5 29.5T299 453H43q-18 0-30.5-12.5T0 411V197q0-17 12.5-29.5T43 155h21v-43q0-44 31.5-75.5T171 5t75 31.5t31 75.5v43zM170.5 46Q143 46 124 65.5T105 112h2v43h130v-43q0-27-19.5-46.5t-47-19.5M299 411V197H43v214zm-128.5-64q-17.5 0-30-12.5T128 304t12.5-30.5t30-12.5t30 12.5T213 304t-12.5 30.5t-30 12.5"/></svg>
Cara memakai ikon Lock Outline
React
import { Icon } from "@iconify/react";
<Icon icon="zmdi:lock-outline" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="zmdi:lock-outline" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="zmdi:lock-outline" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[zmdi--lock-outline]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/zmdi -->
<div class="i-zmdi:lock-outline"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="zmdi:lock-outline"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/zmdi/lock-outline.svg" alt="Ikon Lock Outline" width="24" height="24">
Ikon terkait di Material Design Iconic Font
Ikon Lock Outline di set ikon lain
FAQ Ikon Lock Outline
Apakah ikon Lock Outline gratis untuk penggunaan komersial?
Ya. Material Design Iconic Font icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Lock Outline di React?
Pasang @iconify/react lalu render <Icon icon="zmdi:lock-outline" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Lock Outline ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/zmdi/lock-outline.svg" alt="Ikon Lock Outline">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon Material Design Iconic Font →
ICONYZ
