Lollipop icon

fxemoji:lollipop

The Lollipop icon (fxemoji:lollipop) 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

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#FFBC80" d="M463.168 508.876c-11.697 0-23.396-4.463-32.321-13.387L253.92 318.561c-17.85-17.85-17.85-46.791 0-64.641c17.85-17.849 46.791-17.849 64.641 0l176.928 176.928c17.849 17.85 17.849 46.791 0 64.641c-8.925 8.924-20.623 13.387-32.321 13.387"/><path fill="#E5AA6E" d="M329.239 264.598c-17.85-17.849-46.791-17.849-64.641 0c-17.85 17.85-17.85 46.791 0 64.641l58.695 58.695c26.466-16.744 48.35-38.995 64.603-64.68z"/><circle cx="198.989" cy="198.989" r="197.473" fill="#FF473E"/><path fill="#FFA9BA" d="M382.535 271.845a193.7 193.7 0 0 1-23.948 27.481a198.2 198.2 0 0 1-33.771 25.775c-12.685 7.652-26.826 14.024-42.003 18.82c-1.874.675-3.831 1.106-5.758 1.663c-1.94.51-3.865 1.111-5.836 1.561l-5.948 1.313c-.997.211-1.986.468-2.993.645l-3.033.508l-6.096 1.036l-6.187.745l-3.108.385c-1.041.105-2.09.152-3.137.233l-6.307.451c-2.112.109-4.24.096-6.369.156l-3.201.069l-.802.018h-.034l-.253-.008l-1.796-.054l-3.601-.107l-1.805-.054l-.903-.027c-.285-.013-.493-.042-.743-.063l-5.787-.491c-8.265-.889-16.71-2.47-24.954-4.777c-16.546-4.561-32.587-12.293-47.012-22.773c-14.417-10.479-27.226-23.709-37.336-38.992a148.6 148.6 0 0 1-13.008-24.317a146.5 146.5 0 0 1-8.261-26.565A149.5 149.5 0 0 1 75.4 206.58l-.043-1.766l-.023-.883l-.012-.442l-.001-.015l.108-3.956c.023-3.052.288-4.659.423-6.763c.043-.964.215-2.118.362-3.238l.43-3.365c.18-1.116.404-2.224.599-3.338c.223-1.108.348-2.237.643-3.33a117 117 0 0 1 8.817-25.625c4.018-8.129 8.925-15.84 14.671-22.894c5.809-7 12.433-13.322 19.666-18.821a118 118 0 0 1 23.479-13.597c8.309-3.571 17.035-6.069 25.907-7.586c.554-.097 1.106-.211 1.662-.296l1.676-.208l3.348-.432c2.24-.212 4.487-.373 6.731-.524l3.377-.083l1.688-.049c-.085-.005.312-.004.303-.008h.02l1.018.025l4.07.101l2.761.234c.474.045.872.04 1.41.116l1.575.205c1.047.154 2.109.216 3.144.43l3.119.553c1.038.191 2.055.47 3.085.692c4.094.982 8.129 2.201 12.006 3.802c3.889 1.562 7.685 3.357 11.276 5.497c3.606 2.105 7.091 4.422 10.323 7.046c13.045 10.356 22.904 24.333 28.161 39.592c2.7 7.615 4.139 15.565 4.655 23.522l.083 2.992l.048 1.427l-.009.402l-.021.946l-.042 1.891c-.009.29-.008.686-.026.888l-.055.564l-.183 2.299c-.362 3.659-1.076 7.246-2.037 10.739c-3.813 14.004-12.583 26.253-23.731 34.555c-11.189 8.325-24.56 12.646-37.732 12.798l-.617.022l-.008.001l-.198-.004l-1.664-.037l-.831-.018l-.415-.009c-.107-.006-.15-.016-.228-.023l-.839-.079l-.854-.057l-1.097-.141a23 23 0 0 1-2.18-.316a47 47 0 0 1-8.393-2.223c-5.404-1.96-10.321-4.956-14.539-8.583c-4.196-3.649-7.784-7.873-10.419-12.508c-1.335-2.306-2.444-4.697-3.41-7.112c-.95-2.424-1.644-4.909-2.18-7.401c-.287-1.244-.453-2.504-.648-3.754c-.11-1.262-.294-2.511-.334-3.772l-.059-.942l-.016-.235c.009-.528-.002-.251-.014.129l.073-2.682l.037-1.354c.013-.436.014-.999.069-1.061q.122-.536.185-1.074c.052-.371.047-.697.094-1.117l.363-1.558l.314-1.564l.486-1.505l.451-1.513c.128-.513.409-.963.595-1.45c.432-.947.729-1.962 1.297-2.831l.735-1.363l.354-.688l.439-.631c.604-.825 1.107-1.722 1.725-2.526a74 74 0 0 0 1.882-2.376a63 63 0 0 0 2.084-2.147c2.881-2.726 6.111-4.884 9.454-6.522a68 68 0 0 0 2.532-1.131c.869-.282 1.741-.526 2.589-.847c.838-.369 1.726-.502 2.59-.717l1.294-.322l.644-.167l.656-.075a76 76 0 0 0 2.601-.353l.323-.05l.161-.025c.253-.007-1.699-.056-.755-.035l.968-.005l1.917-.01l.95-.005c.283.002.733-.013.756.015q.344.054.691.072c.473.036.86-.068 1.652.125c5.624.755 10.581 3.153 14.226 6.177c.858.806 1.795 1.507 2.515 2.347l1.159 1.169l.972 1.235c.311.409.674.781.943 1.193l.778 1.22c.249.401.542.774.755 1.169l.59 1.174l.588 1.11c.199.359.305.735.461 1.085c.281.708.59 1.366.832 1.993c.331 1.285.761 2.365.936 3.272c.34 1.816.58 2.785.58 2.785l.147.602a8.78 8.78 0 0 0 7.008 6.531a8.78 8.78 0 0 0 10.164-7.133s.256-1.463.666-4.43c.169-1.482.141-3.326.207-5.582c-.043-1.114-.156-2.317-.255-3.63c-.067-.651-.08-1.346-.204-2.035l-.416-2.134c-1.139-5.87-3.727-13.189-9.235-20.58c-2.811-3.602-6.204-7.388-10.618-10.555l-1.643-1.244l-1.767-1.122c-1.206-.725-2.401-1.557-3.709-2.211a137 137 0 0 0-4.034-1.945c-1.393-.603-2.858-1.084-4.338-1.626c-1.397-.563-3.203-.97-4.967-1.38l-2.693-.59c-.52-.112-.735-.14-1.071-.201l-.941-.164l-1.901-.318l-.96-.154l-1.926-.09l-4.998-.179c-6.742.085-14.019.823-21.209 3.267l-1.37.406l-1.337.511l-2.694 1.059l-2.722 1.103l-2.645 1.335c-3.593 1.739-6.976 4.015-10.368 6.431c-6.729 4.921-12.817 11.347-17.735 18.99c-1.327 1.855-2.352 3.911-3.471 5.947c-.529 1.032-1.142 2.035-1.593 3.116l-1.386 3.252c-.448 1.096-.934 2.188-1.331 3.315l-1.044 3.446l-1.01 3.495c-.295 1.29-.545 2.695-.795 4.056a162 162 0 0 0-.688 4.15c-.131.803-.15 1.147-.198 1.609l-.135 1.349l-.272 2.711l-.068.681c-.009-.137-.072 2.309-.048 1.489l-.008.445l-.027 1.787c-.089 4.777.316 9.65 1.099 14.535c2.924 19.588 13.185 39.333 29.646 53.833c8.213 7.238 17.89 13.257 28.621 17.32a94 94 0 0 0 16.705 4.645c1.433.285 2.88.496 4.334.68l2.182.286l2.453.214l2.476.183l.602.039l.415.014l.83.029l1.664.057l.416.014a32 32 0 0 0 1.054.015l1.054-.015c11.243-.045 22.771-1.766 33.911-5.37c5.582-1.762 11.051-4.03 16.343-6.726c5.289-2.698 10.439-5.784 15.297-9.347c9.706-7.119 18.505-15.814 25.644-25.952a115 115 0 0 0 9.544-16.084c2.759-5.651 5.009-11.595 6.791-17.707c1.768-6.116 3.067-12.415 3.78-18.806c.188-1.672.316-3.524.452-5.283l.094-1.337c.028-.431.026-.662.041-1.003l.065-1.89l.033-.946l.016-.473c.008-.444.005.324.022-1.114l-.034-2.317l-.093-4.643c-.615-12.392-2.781-24.917-6.864-36.956c-8.022-24.107-23.179-46.313-43.692-62.616c-5.083-4.125-10.538-7.819-16.219-11.159c-5.665-3.374-11.641-6.262-17.79-8.755c-6.137-2.533-12.514-4.521-18.995-6.095c-1.626-.37-3.245-.786-4.883-1.103l-4.93-.897c-1.642-.318-3.307-.472-4.962-.707l-2.488-.318c-.815-.11-1.796-.163-2.686-.243l-5.452-.393l-4.07-.118l-1.018-.03l-.509-.015c-1.514-.014-.766.002-1.26.002l-2.415.048l-4.834.113c-3.221.185-6.449.409-9.67.714l-4.824.593l-2.413.305c-.802.119-1.6.269-2.4.404c-12.807 2.124-25.445 5.713-37.47 10.826a168.3 168.3 0 0 0-33.957 19.492a170.5 170.5 0 0 0-28.436 27.012c-8.319 10.132-15.529 21.211-21.241 33.033a167.5 167.5 0 0 0-12.638 37.154c-.395 1.589-.612 3.212-.921 4.817c-.28 1.61-.582 3.217-.832 4.83l-.617 4.857c-.201 1.619-.418 3.198-.529 5.008c-.255 3.417-.566 7.367-.559 9.754l-.097 4.097a40 40 0 0 0-.01 1.214l.014.589l.029 1.178l.06 2.355a200 200 0 0 0 4.357 37.306a196.7 196.7 0 0 0 11.218 35.585a199 199 0 0 0 17.519 32.485a200 200 0 0 0 22.866 28.345a199.3 199.3 0 0 0 27.281 23.294c19.369 13.746 40.877 23.793 62.968 29.643c.562.15 1.124.287 1.687.432c28.195 3.783 57.652 1.513 86.539-7.77c58.447-18.781 102.093-62.232 123.132-115.148"/></svg>

How to use the Lollipop icon

React

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

<Icon icon="fxemoji:lollipop" width="24" />

Vue

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

<template>
  <Icon icon="fxemoji:lollipop" width="24" />
</template>

Svelte

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

<Icon icon="fxemoji:lollipop" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--lollipop]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:lollipop"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fxemoji:lollipop"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/fxemoji/lollipop.svg" alt="Lollipop icon" width="24" height="24">

Lollipop icon in other icon sets

Lollipop icon FAQ

Is the Lollipop 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 Lollipop icon in React?

Install @iconify/react and render <Icon icon="fxemoji:lollipop" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Lollipop icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/lollipop.svg" alt="Lollipop icon">, or paste the SVG code inline to style it with CSS.

Browse all Firefox OS Emoji icons →