Icono Lockandkey

fxemoji:lockandkey

El icono Lockandkey (fxemoji:lockandkey) es un icono SVG gratuito de la colección Firefox OS Emoji de Mozilla. Está dibujado en una cuadrícula de 512 × 512. Firefox OS Emoji icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección: Firefox OS Emoji
Autor: Mozilla
Licencia: Apache-2.0
Tamaño: 512 × 512
Categoría: Objetos

Descargar SVG

Código 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>

Cómo usar el icono 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>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/fxemoji/lockandkey.svg" alt="Icono Lockandkey" width="24" height="24">

Preguntas frecuentes sobre Icono Lockandkey

¿El icono Lockandkey es gratis para uso comercial?

Sí. Firefox OS Emoji icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Lockandkey en React?

Instala @iconify/react y renderiza <Icon icon="fxemoji:lockandkey" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Lockandkey a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/fxemoji/lockandkey.svg" alt="Icono Lockandkey">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos Firefox OS Emoji →