ICONYZ
Français
Icône Locked With Key de Emoji One (Monotone)

Icône Locked With Key

emojione-monotone:locked-with-key

L'icône Locked With Key (emojione-monotone:locked-with-key) est une icône SVG gratuite de la collection Emoji One (Monotone) par Emoji One. Elle est dessinée sur une grille de 64 × 64. Les Emoji One (Monotone) icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection
Emoji One (Monotone)
Auteur
Emoji One
Licence
CC-BY-4.0
Taille
64 × 64
Catégorie
Objets
Mots-clés
lockedwith, withkey, lockedwithkey
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="currentColor" d="M58.035 20.807a12.8 12.8 0 0 0 1.062-5.108c0-7.063-5.688-12.789-12.707-12.789c-1.854 0-3.61.409-5.198 1.127A21.7 21.7 0 0 0 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.687a4.82 4.82 0 0 0-1.965-3.88M44.146 7.923a20.6 20.6 0 0 1 5.446 6.251c-.77.925-1.909 1.524-3.202 1.524c-2.313 0-4.193-1.889-4.193-4.221a4.22 4.22 0 0 1 1.949-3.554m-9.767 11.941H19.802c1.685-4.48 5.826-8.771 12.198-8.771c.863 0 1.676.098 2.458.245a12.8 12.8 0 0 0-.774 4.36c0 1.46.248 2.859.695 4.166M46.39 7.258c2.316 0 4.194 1.889 4.194 4.22c0 .247-.032.486-.073.722a22.4 22.4 0 0 0-4.288-4.925c.055-.004.11-.017.167-.017M32 3.818c2.534 0 4.959.478 7.197 1.341a12.8 12.8 0 0 0-3.992 4.469A14.5 14.5 0 0 0 32 9.274c-8.814 0-14.76 7.638-14.859 14.839c-.329.229-1.422.566-2.873.566c-1.473 0-2.293-.342-2.518-.516c.07-11.23 9.127-20.345 20.25-20.345M5.807 24.687c0-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.561h15.899a12.77 12.77 0 0 0 6.825 6.011H5.807zm0 32.489V29.511h36.348v5.701l2.113 2.005v3.41l-2.113 2.005v4.519l2.113 2.003v3.411l-2.113 2.005v3.11l3.106 2.502H8.773c-1.635 0-2.966-1.349-2.966-3.006m52.386 0c0 1.657-1.33 3.006-2.967 3.006H47.52l3.105-2.502V29.511h7.568zM50.79 27.692a12.76 12.76 0 0 0 6.393-5.248a3 3 0 0 1 1.011 2.242v3.006z"/><path fill="currentColor" d="M36.121 39.678c0-2.303-1.847-4.168-4.123-4.168c-2.275 0-4.119 1.865-4.119 4.168c0 1.379.665 2.6 1.685 3.357l-1.727 11.146h8.326l-1.729-11.146a4.17 4.17 0 0 0 1.687-3.357"/></svg>

Comment utiliser l'icône Locked With Key

React

import { Icon } from "@iconify/react";

<Icon icon="emojione-monotone:locked-with-key" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="emojione-monotone:locked-with-key" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="emojione-monotone:locked-with-key" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-monotone--locked-with-key]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione-monotone -->
<div class="i-emojione-monotone:locked-with-key"></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-with-key"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/emojione-monotone/locked-with-key.svg" alt="Icône Locked With Key" width="24" height="24">

Icônes similaires dans Emoji One (Monotone)

L'icône Locked With Key dans d'autres collections

FAQ : Icône Locked With Key

L'icône Locked With Key est-elle gratuite pour un usage commercial ?

Oui. Les Emoji One (Monotone) icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.

Comment utiliser l'icône Locked With Key dans React ?

Installez @iconify/react et affichez <Icon icon="emojione-monotone:locked-with-key" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Locked With Key à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/emojione-monotone/locked-with-key.svg" alt="Icône Locked With Key">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Emoji One (Monotone) →