Icône Lockandkey
fxemoji:lockandkey
L'icône Lockandkey (fxemoji:lockandkey) est une icône SVG gratuite de la collection Firefox OS Emoji par Mozilla. Elle est dessinée sur une grille de 512 × 512. Les Firefox OS Emoji icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Firefox OS Emoji
- Auteur
- Mozilla
- Licence
- Apache-2.0
- Taille
- 512 × 512
- Catégorie
- Objets
Code 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>Comment utiliser l'icône 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>Image HTML
<img src="https://iconyz.com/api/public/svg/fxemoji/lockandkey.svg" alt="Icône Lockandkey" width="24" height="24">FAQ : Icône Lockandkey
L'icône Lockandkey est-elle gratuite pour un usage commercial ?
Oui. Les Firefox OS Emoji icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Lockandkey dans React ?
Installez @iconify/react et affichez <Icon icon="fxemoji:lockandkey" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Lockandkey à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fxemoji/lockandkey.svg" alt="Icône Lockandkey">, ou collez le code SVG directement dans la page pour le styliser en CSS.