Ícone Lockandkey

fxemoji:lockandkey

O ícone Lockandkey (fxemoji:lockandkey) é um ícone SVG gratuito da coleção Firefox OS Emoji de Mozilla. Ele é desenhado em uma grade de 512 × 512. Firefox OS Emoji icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: Firefox OS Emoji
Autor: Mozilla
Licença: Apache-2.0
Tamanho: 512 × 512
Categoria: Objetos

Baixar 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>

Como usar o ícone 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>

Imagem HTML

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

Perguntas frequentes sobre Ícone Lockandkey

O ícone Lockandkey é grátis para uso comercial?

Sim. Firefox OS Emoji icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Lockandkey no React?

Instale @iconify/react e renderize <Icon icon="fxemoji:lockandkey" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Lockandkey a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/fxemoji/lockandkey.svg" alt="Ícone Lockandkey">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones Firefox OS Emoji →