BookLock

import { BookLock } from "vadivam-react";

<BookLock />

import { BookLock } from "vadivam-react-native";

<BookLock />

<script setup>
import { BookLock } from "vadivam-vue";
</script>

<template>
  <BookLock />
</template>

<script>
  import { BookLock } from "vadivam-svelte";
</script>

<BookLock />

import { BookLock } from "vadivam-solid";

<BookLock />

import { BookLock } from "vadivam-preact";

<BookLock />

---
import { BookLock } from "vadivam-astro";
---

<BookLock />

import { BookLock } from "vadivam-angular";

<svg vadivamBookLock></svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M18 18c0 2.4.352 4-1.598 4H5.75c-.413 0-.75-.373-.75-.833V5.556C5 3 5.7 2 8.2 2h9.2c1.236 0 1.6.486 1.6 1.778V16.3c0 1.106-.282 1.584-1 1.7H7.25C5.925 18 5 19.25 5 20.5"/><path d="M10 10V8.5a2 2 0 1 1 4 0V10m-3 0h2c.465 0 .697 0 .888.051a1.5 1.5 0 0 1 1.06 1.06c.052.191.052.424.052.889s0 .697-.051.888a1.5 1.5 0 0 1-1.06 1.06C13.697 14 13.464 14 13 14h-2c-.465 0-.697 0-.888-.051a1.5 1.5 0 0 1-1.06-1.06C9 12.697 9 12.464 9 12s0-.697.051-.888a1.5 1.5 0 0 1 1.06-1.06C10.303 10 10.536 10 11 10"/>
</svg>

import iconUrl from "vadivam/icons/book-lock.svg";

<img src="https://cdn.jsdelivr.net/npm/vadivam@0.0.63/dist/icons/book-lock.svg" width="24" height="24" alt="" />