Lowerleftcrayon icon
fxemoji:lowerleftcrayon
The Lowerleftcrayon icon (fxemoji:lowerleftcrayon) 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="#FF473E" d="M418.163 12.046a15.83 15.83 0 0 0-12.295 4.599L385.433 37.08l-6.441 6.441c15.408 1.711 40.389 7.974 61.827 29.411c20.943 20.943 26.346 44.006 27.46 58.358l9.463-9.463l17.22-17.22a15.86 15.86 0 0 0 4.635-11.473c-.181-11.678-3.506-34.62-24.082-55.197c-20.43-20.43-44.552-25.003-57.352-25.891"/><path fill="#FFD469" d="M444.703 69.048C414.925 39.27 378.33 38.77 370.036 39.079l-28.982 28.982L41.106 368.01l1.377.237l.044-.269c-.24 1.601-5.508 39.608 27.268 72.383c27.821 27.821 61.59 30.084 72.675 30.009l304.796-304.796l24.79-24.79c.638-5.342 3.529-40.854-27.353-71.736"/><path fill="#FF473E" d="m139.752 455.387l1.014-.41l-.905-.905c.624-9.051.16-35.459-22.77-58.389s-61.09-25.471-61.09-25.471l-.453 1.119a34 34 0 0 0-1.882.129l-38.243 99.006l.217.217L4.959 495.9a7.75 7.75 0 0 0 0 6.02a7.72 7.72 0 0 0 10.118 4.098l25.219-10.68l.217.217l99.006-38.243c-.001-.001.115-.693.233-1.925"/><path fill="#FFB636" d="M356.716 256.124L252.205 360.635a24 24 0 0 1-2.102-1.844c-16.313-16.313-6.084-52.991 22.847-81.922s65.609-39.16 81.922-22.847a24 24 0 0 1 1.844 2.102m64.523-64.523c-5.726-19.451-16.68-41.493-37.138-61.952c-21.455-21.455-45.127-32.897-65.71-38.924l-46.14 46.14c8.33-.308 44.91.214 74.666 29.969c30.882 30.882 27.991 66.394 27.353 71.736zM144.32 369.431c30.882 30.882 27.991 66.394 27.353 71.736l46.969-46.969c-5.726-19.451-16.68-41.493-37.138-61.952c-21.455-21.455-45.127-32.897-65.71-38.924l-46.14 46.14c8.329-.308 44.91.213 74.666 29.969"/></svg>How to use the Lowerleftcrayon icon
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:lowerleftcrayon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:lowerleftcrayon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:lowerleftcrayon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--lowerleftcrayon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:lowerleftcrayon"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:lowerleftcrayon"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fxemoji/lowerleftcrayon.svg" alt="Lowerleftcrayon icon" width="24" height="24">Lowerleftcrayon icon FAQ
Is the Lowerleftcrayon 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 Lowerleftcrayon icon in React?
Install @iconify/react and render <Icon icon="fxemoji:lowerleftcrayon" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Lowerleftcrayon icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/lowerleftcrayon.svg" alt="Lowerleftcrayon icon">, or paste the SVG code inline to style it with CSS.