Lowerleftpen icon
fxemoji:lowerleftpen
The Lowerleftpen icon (fxemoji:lowerleftpen) 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="#2B2622" d="m74.52 467.52l-53.626 31.374a5.443 5.443 0 0 1-7.446-1.949a5.45 5.45 0 0 1 0-5.497l31.374-53.626c6.054-10.348 19.351-13.829 29.698-7.775s13.829 19.35 7.775 29.698c-1.935 3.307-4.694 5.957-7.775 7.775"/><path fill="#59CAFC" d="M363.783 154.206c-20.615-23.734-56.567-26.263-80.302-5.648c0 0-1.187 1.031-3.371 3.004c-2.173 1.984-5.374 4.88-9.339 8.675c-4.006 3.754-8.755 8.428-14.211 13.781a765 765 0 0 0-3.145 3.135a59.5 59.5 0 0 0-11.186 11.383a1363 1363 0 0 0-3.665 3.792c-6.54 6.764-13.482 14.233-20.822 22.136c-7.335 7.909-15.106 16.212-23.238 24.708l-25.131 26.142c-8.575 8.885-17.314 17.884-25.917 27.019c-8.605 9.132-17.14 18.335-25.309 27.626a846 846 0 0 0-23.564 27.708a996 996 0 0 0-21.109 26.837c-3.284 4.337-6.485 8.55-9.481 12.725a220 220 0 0 0-8.228 12.523c-5.004 8.3-9.117 16.381-12.344 23.963c-3.245 7.563-5.653 14.579-7.368 20.624c-1.701 6.059 25.891 33.651 31.95 31.95c6.045-1.716 13.06-4.123 20.624-7.368c7.582-3.227 15.663-7.34 23.963-12.344c4.135-2.517 8.32-5.26 12.523-8.228c4.175-2.996 8.388-6.197 12.725-9.481a998 998 0 0 0 26.837-21.109a847 847 0 0 0 27.708-23.564c9.291-8.169 18.494-16.704 27.626-25.309c9.135-8.602 18.134-17.341 27.019-25.917l26.142-25.131c8.496-8.133 16.8-15.904 24.708-23.239c7.064-6.56 13.777-12.801 19.953-18.722a59.4 59.4 0 0 0 23.37-23.029c4.157-4.238 7.841-8.01 10.904-11.278c3.795-3.965 6.691-7.166 8.675-9.339a259 259 0 0 0 3.004-3.371c18.337-21.068 18.838-52.965-.001-74.654"/><path fill="#0096D1" d="M486.692 25.649c-31.031-31.031-81.343-31.031-112.375 0L251.593 148.373a21 21 0 0 0-1.661 1.896c-16.531 14.452-27.099 35.556-27.499 59.147c5.622-6.041 11.002-11.784 16.131-17.089c1.242-1.289 2.46-2.549 3.665-3.792a59.4 59.4 0 0 1 11.186-11.383l.03-.03c10.006-7.762 22.564-12.391 36.208-12.391c32.661 0 59.138 26.477 59.138 59.138a58.86 58.86 0 0 1-7.576 28.962l-.016.016a59.4 59.4 0 0 1-23.37 23.029c-5.078 4.869-10.534 9.966-16.235 15.266c.393.006.782.03 1.177.03c28.264 0 53.103-14.602 67.432-36.661l116.489-116.489c31.032-31.03 31.032-81.342 0-112.373"/><path fill="#0074A8" d="M354.595 222.384c-5.045 0-10.017-2.341-13.193-6.745c-5.249-7.278-3.605-17.434 3.672-22.684c.306-.221 30.888-22.357 59.516-48.625c48.596-44.592 47.453-60.058 47.296-61.104l-.069-.073c-6.346-6.346-6.346-16.635 0-22.981c6.346-6.347 16.635-6.346 22.98 0c7.059 7.059 10.345 16.312 9.505 26.76c-2.314 28.776-37.272 63.114-63.365 86.439c-28.277 25.277-55.695 45.11-56.849 45.942a16.2 16.2 0 0 1-9.493 3.071"/></svg>How to use the Lowerleftpen icon
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:lowerleftpen" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:lowerleftpen" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:lowerleftpen" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--lowerleftpen]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:lowerleftpen"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:lowerleftpen"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fxemoji/lowerleftpen.svg" alt="Lowerleftpen icon" width="24" height="24">Related icons in Firefox OS Emoji
Lowerleftpen icon FAQ
Is the Lowerleftpen 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 Lowerleftpen icon in React?
Install @iconify/react and render <Icon icon="fxemoji:lowerleftpen" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Lowerleftpen icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/lowerleftpen.svg" alt="Lowerleftpen icon">, or paste the SVG code inline to style it with CSS.