ICONYZ
Türkçe
Material Symbols Light setinden Vpn Lock Rounded ikonu

Vpn Lock Rounded ikonu

material-symbols-light:vpn-lock-rounded

Vpn Lock Rounded ikonu (material-symbols-light:vpn-lock-rounded), Material Symbols Light setinden ücretsiz bir SVG ikondur (yapımcı: Google). 24 × 24 ızgara üzerinde çizilmiştir. Material Symbols Light 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
Material Symbols Light
Yazar
Google
Lisans
Apache-2.0
Boyut
24 × 24
Kategori
Gizlilik
Etiketler
earth, globe, lock, locked, network, password, privacy, private, protection, safety, secure, security, virtual, vpn, world, notification
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="M8.48 20.299q-1.641-.701-2.86-1.92t-1.919-2.86T3 11.997q0-1.88.701-3.519t1.92-2.858t2.86-1.919T12 3q.614 0 1.19.079t1.139.223q.298.075.485.317t.186.546V5q0 .825-.587 1.413T13 7h-2v2q0 .425-.288.713T10 10H8v2h6q.425 0 .713.288T15 13v3h1q.675 0 1.188.4t.712 1q.975-1.061 1.538-2.443T20 12v-.25q0-.115-.02-.23q0-.209.138-.364t.357-.156q.214 0 .35.13t.156.345q.019.135.019.26v.26q0 1.882-.701 3.524t-1.92 2.86t-2.857 1.92t-3.519.701t-3.522-.701M11 19.95V18q-.825 0-1.412-.587T9 16v-1l-4.8-4.8q-.075.45-.137.9T4 12q0 3.062 2.013 5.318T11 19.95M17.808 9q-.349 0-.578-.23T17 8.192V5.27q0-.348.23-.578t.578-.23H18v-1q0-.747.51-1.258q.511-.51 1.26-.51t1.258.51q.51.51.51 1.259v1h.193q.348 0 .578.23t.23.577v2.923q0 .349-.23.578q-.23.23-.578.23zm.961-4.538h2v-1q0-.425-.287-.713t-.713-.287t-.712.287t-.288.713z"/></svg>

Vpn Lock Rounded ikonu nasıl kullanılır

React

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

<Icon icon="material-symbols-light:vpn-lock-rounded" width="24" />

Vue

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

<template>
  <Icon icon="material-symbols-light:vpn-lock-rounded" width="24" />
</template>

Svelte

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

<Icon icon="material-symbols-light:vpn-lock-rounded" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--vpn-lock-rounded]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:vpn-lock-rounded"></div>

Web bileşeni

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

<iconify-icon icon="material-symbols-light:vpn-lock-rounded"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/material-symbols-light/vpn-lock-rounded.svg" alt="Vpn Lock Rounded ikonu" width="24" height="24">

Material Symbols Light setindeki benzer ikonlar

Diğer ikon setlerinde Vpn Lock Rounded ikonu

Vpn Lock Rounded ikonu: sık sorulan sorular

Vpn Lock Rounded ikonu ticari kullanım için ücretsiz mi?

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

Vpn Lock Rounded ikonunu React'te nasıl kullanırım?

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

Vpn Lock Rounded 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/material-symbols-light/vpn-lock-rounded.svg" alt="Vpn Lock Rounded ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: Material Symbols Light ikonları →