Ícone Locked
emojione-monotone:locked
O ícone Locked (emojione-monotone:locked) é um ícone SVG gratuito da coleção Emoji One (Monotone) de Emoji One. Ele é desenhado em uma grade de 64 × 64. Emoji One (Monotone) icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Emoji One (Monotone)
- Autor
- Emoji One
- Licença
- CC-BY-4.0
- Tamanho
- 64 × 64
- Categoria
- Objetos
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="currentColor" d="M55.227 19.864h-1.611C51.576 9.687 42.659 2 32 2C21.34 2 12.422 9.687 10.383 19.864h-1.61C6.142 19.864 4 22.027 4 24.687v32.489C4 59.836 6.142 62 8.773 62h46.453C57.858 62 60 59.836 60 57.176V24.687c0-2.66-2.142-4.823-4.773-4.823M32 3.818c11.122 0 20.178 9.115 20.248 20.347c-.224.174-1.042.515-2.514.515c-1.453 0-2.544-.336-2.873-.565C46.763 16.912 40.815 9.274 32 9.274c-8.814 0-14.761 7.638-14.859 14.839c-.329.229-1.421.566-2.873.566c-1.475 0-2.294-.341-2.518-.515c.07-11.23 9.127-20.346 20.25-20.346m12.2 16.046H19.802c1.685-4.48 5.826-8.771 12.198-8.771s10.516 4.291 12.2 8.771m13.993 37.312c0 1.657-1.33 3.006-2.967 3.006H8.773c-1.636 0-2.967-1.349-2.967-3.006V29.511h52.387zM5.807 27.692v-3.006c0-1.657 1.331-3.005 2.967-3.005H10.1q-.073.625-.111 1.26c-.667.378-1.068.847-1.068 1.356c0 1.257 2.394 2.276 5.346 2.276s5.349-1.02 5.349-2.276c0-.382-.224-.741-.616-1.056c.05-.51.146-1.033.268-1.561h25.471c.12.527.218 1.05.268 1.559c-.395.316-.617.676-.617 1.058c0 1.257 2.394 2.276 5.346 2.276s5.348-1.02 5.348-2.276c0-.51-.402-.979-1.069-1.358a24 24 0 0 0-.112-1.258h1.328c1.637 0 2.967 1.348 2.967 3.005v3.006z"/><path fill="currentColor" d="m36.163 54.182l-1.729-11.146a4.17 4.17 0 0 0 1.687-3.357c0-2.302-1.847-4.168-4.123-4.168c-2.275 0-4.119 1.866-4.119 4.168c0 1.379.665 2.6 1.685 3.357l-1.727 11.146z"/></svg>
Como usar o ícone Locked
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-monotone:locked" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-monotone:locked" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-monotone:locked" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-monotone--locked]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-monotone -->
<div class="i-emojione-monotone:locked"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-monotone:locked"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/emojione-monotone/locked.svg" alt="Ícone Locked" width="24" height="24">
Ícones relacionados em Emoji One (Monotone)
O ícone Locked em outras coleções
Perguntas frequentes sobre Ícone Locked
O ícone Locked é grátis para uso comercial?
Sim. Emoji One (Monotone) icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.
Como uso o ícone Locked no React?
Instale @iconify/react e renderize <Icon icon="emojione-monotone:locked" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Locked a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/emojione-monotone/locked.svg" alt="Ícone Locked">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Emoji One (Monotone) →
ICONYZ
