Ikon Padlock Key
streamline-plump-color:padlock-key
Ikon Padlock Key (streamline-plump-color:padlock-key) adalah ikon SVG gratis dari set Plump color icons karya Streamline. Ikon ini digambar pada grid 48 × 48. Plump color icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Plump color icons
- Pembuat
- Streamline
- Lisensi
- CC-BY-4.0
- Ukuran
- 48 × 48
- Kategori
- Antarmuka esensial
- Tag
- padlockkey
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-width="3"><path fill="#8fbffa" d="M39.924 44.684c2.511-.134 4.518-1.941 4.745-4.446c.18-1.973.331-4.69.331-8.238s-.151-6.265-.33-8.238c-.228-2.505-2.235-4.312-4.746-4.446C36.987 19.16 32.424 19 26 19c-6.425 0-10.987.16-13.924.316c-2.511.135-4.518 1.941-4.745 4.446a71 71 0 0 0-.188 2.613A11 11 0 0 1 10 26a10.98 10.98 0 0 1 8.485 4H31a7 7 0 0 1 7 7v5a7 7 0 0 1-.582 2.8q1.407-.057 2.506-.116"/><path fill="#fff" d="m31.294 14.991l.238 4.052l7.826.244l-.44-5.283A12 12 0 0 0 26.957 3h-1.916a12 12 0 0 0-11.959 11.004l-.44 5.283l7.825-.244l.239-4.052a5.303 5.303 0 0 1 10.587 0Z"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M7.23 25q.049-.662.1-1.238c.228-2.505 2.235-4.311 4.746-4.446C15.013 19.16 19.576 19 26 19c6.425 0 10.987.16 13.924.316c2.511.135 4.518 1.941 4.745 4.446c.18 1.973.331 4.69.331 8.238s-.152 6.265-.33 8.238c-.228 2.505-2.235 4.312-4.746 4.446q-.657.035-1.424.07"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="m31.532 19.043l-.238-4.052a5.303 5.303 0 0 0-10.587 0l-.239 4.052m18.89.244l-.44-5.283A12 12 0 0 0 26.957 3h-1.916a12 12 0 0 0-11.959 11.004l-.44 5.283"/><path fill="#fff" d="M10 44a7 7 0 1 1 6.326-10H31a3 3 0 0 1 3 3v5a3 3 0 1 1-6 0v-2h-1v2a3 3 0 1 1-6 0v-2h-4.674A7 7 0 0 1 10 44"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M10 44a7 7 0 1 1 6.326-10H31a3 3 0 0 1 3 3v5a3 3 0 1 1-6 0v-2h-1v2a3 3 0 1 1-6 0v-2h-4.674A7 7 0 0 1 10 44m-1-7h2"/></g></svg>Cara memakai ikon Padlock Key
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump-color:padlock-key" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump-color:padlock-key" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump-color:padlock-key" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--padlock-key]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:padlock-key"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump-color:padlock-key"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/streamline-plump-color/padlock-key.svg" alt="Ikon Padlock Key" width="24" height="24">Ikon terkait di Plump color icons
Ikon Padlock Key di set ikon lain
FAQ Ikon Padlock Key
Apakah ikon Padlock Key gratis untuk penggunaan komersial?
Ya. Plump color icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya.
Bagaimana cara memakai ikon Padlock Key di React?
Pasang @iconify/react lalu render <Icon icon="streamline-plump-color:padlock-key" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Padlock Key ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/streamline-plump-color/padlock-key.svg" alt="Ikon Padlock Key">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.