Lockwithinkpen icon
fxemoji:lockwithinkpen
The Lockwithinkpen icon (fxemoji:lockwithinkpen) is a free SVG icon from the Firefox OS Emoji set by Mozilla. It is drawn on a 512 × 512 grid. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Firefox OS Emoji
- Author
- Mozilla
- License
- Apache-2.0
- Size
- 512 × 512
- Category
- Objects
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#B1B4B5" d="M296.379 333.5c-12.684 0-22.966-10.282-22.966-22.966V176.805c0-45.072-36.669-81.741-81.741-81.741s-81.742 36.669-81.742 81.741v77.78c0 12.684-10.282 22.966-22.966 22.966s-22.965-10.282-22.965-22.966v-77.78c0-70.399 57.273-127.673 127.673-127.673c70.398 0 127.673 57.274 127.673 127.673v133.729c0 12.684-10.283 22.966-22.966 22.966"/><path fill="#FFB636" d="M328.248 490.846H55.095c-27.835 0-50.4-22.565-50.4-50.4V285.187c0-27.835 22.565-50.4 50.4-50.4h273.153c27.835 0 50.4 22.565 50.4 50.4v155.259c0 27.836-22.565 50.4-50.4 50.4"/><path fill="#FFD469" d="M50.056 452.773h-1.155c-7.789 0-14.104-6.314-14.104-14.104V286.965c0-7.789 6.314-14.104 14.104-14.104h1.155c7.789 0 14.104 6.314 14.104 14.104v151.704c0 7.789-6.314 14.104-14.104 14.104"/><path fill="#E2A042" d="M378.648 440.446V285.187c0-17.573-8.999-33.037-22.634-42.057l-26.705 124.929a7.27 7.27 0 0 0 .78 5.52l46.975 79.452a50.5 50.5 0 0 0 1.584-12.585"/><path fill="#353F44" d="M487.844 3.002H357.212a9.456 9.456 0 0 0-9.456 9.456V42.05c0 53.813 15.099 106.652 44.148 151.951c11.077 17.274 22.195 30.229 30.624 30.229s19.547-12.955 30.624-30.229C482.201 148.702 497.3 95.863 497.3 42.05V12.459c.001-5.223-4.233-9.457-9.456-9.457"/><path fill="#48677E" d="M507.205 327.211L473.268 168.45l-.58-.216c-1.17-9.327-23.292-16.765-50.422-16.765c-27.323 0-49.56 7.545-50.436 16.965l-.042.016l-33.937 158.761a7.27 7.27 0 0 0 .78 5.52l61.836 104.588c2.831 4.788 10.171 2.78 10.171-2.782V333.523c0-5.063-2.633-9.698-6.852-12.497c-9.867-6.546-16.113-18.11-15.092-31.054c1.312-16.631 14.865-30.002 31.51-31.11c19.798-1.318 36.267 14.35 36.267 33.866c0 11.9-6.125 22.366-15.393 28.425c-4.17 2.726-6.66 7.391-6.66 12.373v101.012c0 5.562 7.34 7.57 10.171 2.782l61.836-104.588a7.27 7.27 0 0 0 .78-5.521"/></svg>How to use the Lockwithinkpen icon
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:lockwithinkpen" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:lockwithinkpen" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:lockwithinkpen" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--lockwithinkpen]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:lockwithinkpen"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:lockwithinkpen"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fxemoji/lockwithinkpen.svg" alt="Lockwithinkpen icon" width="24" height="24">Lockwithinkpen icon FAQ
Is the Lockwithinkpen icon free for commercial use?
Yes. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Lockwithinkpen icon in React?
Install @iconify/react and render <Icon icon="fxemoji:lockwithinkpen" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Lockwithinkpen icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/lockwithinkpen.svg" alt="Lockwithinkpen icon">, or paste the SVG code inline to style it with CSS.