Ikon Lockwithinkpen
fxemoji:lockwithinkpen
Ikon Lockwithinkpen (fxemoji:lockwithinkpen) adalah ikon SVG gratis dari set Firefox OS Emoji karya Mozilla. Ikon ini digambar pada grid 512 × 512. Firefox OS Emoji 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
- Firefox OS Emoji
- Pembuat
- Mozilla
- Lisensi
- Apache-2.0
- Ukuran
- 512 × 512
- Kategori
- Benda
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#B1B4B5" d="M296.379 333.5c-12.684 0-22.966-10.282-22.966-22.966V176.805c0-45.072-36.669-81.741-81.741-81.741s-81.742 36.669-81.742 81.741v77.78c0 12.684-10.282 22.966-22.966 22.966s-22.965-10.282-22.965-22.966v-77.78c0-70.399 57.273-127.673 127.673-127.673c70.398 0 127.673 57.274 127.673 127.673v133.729c0 12.684-10.283 22.966-22.966 22.966"/><path fill="#FFB636" d="M328.248 490.846H55.095c-27.835 0-50.4-22.565-50.4-50.4V285.187c0-27.835 22.565-50.4 50.4-50.4h273.153c27.835 0 50.4 22.565 50.4 50.4v155.259c0 27.836-22.565 50.4-50.4 50.4"/><path fill="#FFD469" d="M50.056 452.773h-1.155c-7.789 0-14.104-6.314-14.104-14.104V286.965c0-7.789 6.314-14.104 14.104-14.104h1.155c7.789 0 14.104 6.314 14.104 14.104v151.704c0 7.789-6.314 14.104-14.104 14.104"/><path fill="#E2A042" d="M378.648 440.446V285.187c0-17.573-8.999-33.037-22.634-42.057l-26.705 124.929a7.27 7.27 0 0 0 .78 5.52l46.975 79.452a50.5 50.5 0 0 0 1.584-12.585"/><path fill="#353F44" d="M487.844 3.002H357.212a9.456 9.456 0 0 0-9.456 9.456V42.05c0 53.813 15.099 106.652 44.148 151.951c11.077 17.274 22.195 30.229 30.624 30.229s19.547-12.955 30.624-30.229C482.201 148.702 497.3 95.863 497.3 42.05V12.459c.001-5.223-4.233-9.457-9.456-9.457"/><path fill="#48677E" d="M507.205 327.211L473.268 168.45l-.58-.216c-1.17-9.327-23.292-16.765-50.422-16.765c-27.323 0-49.56 7.545-50.436 16.965l-.042.016l-33.937 158.761a7.27 7.27 0 0 0 .78 5.52l61.836 104.588c2.831 4.788 10.171 2.78 10.171-2.782V333.523c0-5.063-2.633-9.698-6.852-12.497c-9.867-6.546-16.113-18.11-15.092-31.054c1.312-16.631 14.865-30.002 31.51-31.11c19.798-1.318 36.267 14.35 36.267 33.866c0 11.9-6.125 22.366-15.393 28.425c-4.17 2.726-6.66 7.391-6.66 12.373v101.012c0 5.562 7.34 7.57 10.171 2.782l61.836-104.588a7.27 7.27 0 0 0 .78-5.521"/></svg>Cara memakai ikon Lockwithinkpen
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:lockwithinkpen" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:lockwithinkpen" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:lockwithinkpen" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--lockwithinkpen]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:lockwithinkpen"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:lockwithinkpen"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/fxemoji/lockwithinkpen.svg" alt="Ikon Lockwithinkpen" width="24" height="24">FAQ Ikon Lockwithinkpen
Apakah ikon Lockwithinkpen gratis untuk penggunaan komersial?
Ya. Firefox OS Emoji icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Lockwithinkpen di React?
Pasang @iconify/react lalu render <Icon icon="fxemoji:lockwithinkpen" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Lockwithinkpen ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fxemoji/lockwithinkpen.svg" alt="Ikon Lockwithinkpen">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.