Ikon Vpn Lock
material-symbols:vpn-lock
Ikon Vpn Lock (material-symbols:vpn-lock) adalah ikon SVG gratis dari set Material Symbols karya Google. Ikon ini digambar pada grid 24 × 24. Material Symbols icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Material Symbols
- Pembuat
- Google
- Lisensi
- Apache-2.0
- Ukuran
- 24 × 24
- Kategori
- Privasi
- Tag
- earth, globe, lock, locked, network, password, privacy, private, protection, safety, secure, security, virtual, vpn, world, notification
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M8.125 21.213q-1.825-.788-3.187-2.15t-2.15-3.188T2 11.988t.788-3.875t2.15-3.175t3.187-2.15T12 2q.8 0 1.538.113T15 2.45V5q0 .825-.587 1.413T13 7h-2v2q0 .425-.288.713T10 10H8v2h6q.425 0 .713.288T15 13v3h1q.675 0 1.188.4t.712 1q.975-1.1 1.538-2.463T20 12q0-.275-.025-.5T19.9 11h2.05q.05.275.05.5v.5q0 2.05-.787 3.875t-2.15 3.188t-3.175 2.15t-3.875.787t-3.888-.787M11 19.95V18q-.825 0-1.412-.587T9 16v-1l-4.8-4.8q-.075.45-.137.9T4 12q0 3.1 2.013 5.338T11 19.95M18 9q-.425 0-.712-.287T17 8V5q0-.425.288-.712T18 4V3q0-.825.588-1.412T20 1t1.413.588T22 3v1q.425 0 .713.288T23 5v3q0 .425-.288.713T22 9zm1-5h2V3q0-.425-.288-.712T20 2t-.712.288T19 3z"/></svg>
Cara memakai ikon Vpn Lock
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols:vpn-lock" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols:vpn-lock" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols:vpn-lock" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--vpn-lock]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols:vpn-lock"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols:vpn-lock"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/material-symbols/vpn-lock.svg" alt="Ikon Vpn Lock" width="24" height="24">
Ikon terkait di Material Symbols
Ikon Vpn Lock di set ikon lain
FAQ Ikon Vpn Lock
Apakah ikon Vpn Lock gratis untuk penggunaan komersial?
Ya. Material Symbols icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Vpn Lock di React?
Pasang @iconify/react lalu render <Icon icon="material-symbols:vpn-lock" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Vpn Lock ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/material-symbols/vpn-lock.svg" alt="Ikon Vpn Lock">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon Material Symbols →
