Ikon Lockandkey
fxemoji:lockandkey
Ikon Lockandkey (fxemoji:lockandkey) 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="M278.297 352.333c-11.783 0-21.335-9.553-21.335-21.336V206.76c0-41.873-34.066-75.939-75.939-75.939c-41.874 0-75.94 34.066-75.94 75.939v72.259c0 11.783-9.552 21.336-21.335 21.336s-21.335-9.553-21.335-21.336V206.76c0-65.402 53.208-118.61 118.611-118.61c65.402 0 118.61 53.208 118.61 118.61v124.237c-.002 11.783-9.554 21.336-21.337 21.336"/><path fill="#FFB636" d="M304.326 481.531H57.717c-27.835 0-50.4-22.565-50.4-50.4V294.048c0-27.835 22.565-50.4 50.4-50.4h246.609c27.835 0 50.4 22.565 50.4 50.4v137.084c0 27.834-22.565 50.399-50.4 50.399"/><path fill="#FFD469" d="M46.296 459.982H42.31c-6.432 0-11.647-5.214-11.647-11.647V304.487c0-6.432 5.214-11.646 11.647-11.646h3.986c6.432 0 11.647 5.214 11.647 11.646v143.848c-.001 6.433-5.215 11.647-11.647 11.647"/><path fill="#597B91" d="M511 154.03c0-56.235-45.588-101.823-101.823-101.823S307.354 97.795 307.354 154.03c0 44.893 29.053 82.997 69.382 96.543l-.133 9.098l-.155 10.673l-.079 5.52l-.014 5.626l-.06 23.333c-.013 7.946.13 16.018.188 24.09l.117 12.092l.06 6.017l.132 5.981l.516 23.333l.247 11.146c.036 1.821.073 3.622.172 5.402c.139 1.779.294 3.537.593 5.272c.285 1.734.624 3.445 1.092 5.13l.677 2.508l.788 2.468c1.027 3.263 2.08 6.417 2.996 9.444c.922 3.027 1.681 5.928 2.786 8.687c1.141 2.759 2.354 5.376 3.528 7.836c2.343 4.919 4.318 9.207 6.119 12.739l2.349 4.714l1.811 3.484c.486.946.873 1.671 1.141 2.16l.4.741c.141.259.302.532.467.783c3.2 4.873 9.745 6.229 14.618 3.029l5.804-3.812l.285-.187c.197-.124.47-.309.801-.554l1.263-.908c.457-.361 1.024-.778 1.586-1.251c2.31-1.892 5.352-4.667 8.232-8.198c2.909-3.531 5.746-7.82 7.782-12.739c.441-1.23 1.231-2.499.885-3.805c-.259-1.307-1.563-2.651-3.152-4.03c-1.591-1.379-3.193-2.794-3.781-4.243c-.334-.724-.341-1.457-.367-2.198c-.034-.741-.069-1.49-.042-2.246c.023-2.628.354-5.357.954-8.165c-6.199-.944-10.953-6.281-10.953-12.744c0-6.024 4.133-11.07 9.714-12.493c.947.241 1.933.383 2.955.383c6.601 0 11.952-5.351 11.952-11.951v-36.173c0-5.828-4.174-10.676-9.695-11.732l.001-.224h-2.019c-7.129 0-10.996-5.779-10.996-12.908c0-6.145 2.88-11.278 8.239-12.58h1.321c.945 0 1.859-.121 2.741-.328h.748l-.001-.192c4.899-1.493 8.464-6.045 8.464-11.432c0-5.416-3.606-9.985-8.547-11.452c-.041-5.522-.126-10.887-.168-16.043l-.095-8.897C481.649 237.41 511 199.151 511 154.03m-45.654 0H353.008c-8.109 0-14.178-7.508-12.406-15.42c7.029-31.393 35.062-54.852 68.575-54.852s61.547 23.459 68.575 54.852c1.772 7.913-4.297 15.42-12.406 15.42"/><path fill="#7E9AA8" d="M396.27 379.705a7.927 7.927 0 0 1-7.926-7.926V266.204a7.927 7.927 0 0 1 15.852 0v105.575a7.93 7.93 0 0 1-7.926 7.926"/></svg>Cara memakai ikon Lockandkey
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:lockandkey" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:lockandkey" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:lockandkey" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--lockandkey]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:lockandkey"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:lockandkey"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/fxemoji/lockandkey.svg" alt="Ikon Lockandkey" width="24" height="24">FAQ Ikon Lockandkey
Apakah ikon Lockandkey 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 Lockandkey di React?
Pasang @iconify/react lalu render <Icon icon="fxemoji:lockandkey" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Lockandkey ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fxemoji/lockandkey.svg" alt="Ikon Lockandkey">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.