Present icon
fxemoji:present
The Present icon (fxemoji:present) 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="M472.469 389.156L273.237 499.735c-9.558 5.305-25.198 5.305-34.755 0L39.249 389.156c-4.779-2.652-7.168-6.149-7.168-9.645h-2.116V132.489h449.673v247.022c0 3.496-2.389 6.993-7.169 9.645"/><path fill="#FF6E83" d="M479.638 132.489v247.022c0 3.497-2.389 6.993-7.168 9.646L273.237 499.735c-4.97 2.758-11.583 4.072-18.132 3.959c.155-123.695 3.671-247.546-.173-371.206h224.706z"/><path fill="#FFA9BA" d="M238.481 252.712L39.249 142.133c-9.558-5.305-9.558-13.985 0-19.29L238.481 12.265c9.558-5.305 25.198-5.305 34.755 0l199.233 110.579c9.558 5.305 9.558 13.985 0 19.29L273.237 252.712c-9.558 5.305-25.198 5.305-34.756 0"/><path fill="#FFD4DE" d="M391.09 74.124a6.5 6.5 0 0 1-3.442 5.681L148.934 207.05a6.5 6.5 0 0 1-1.026.438l-.807.451v237.47a6.5 6.5 0 0 1-9.654 5.684l-40-22.201a6.5 6.5 0 0 1-3.346-5.684V192.123a26.49 26.49 0 0 1 9.913-20.655l.236-.184c.524-.41 1.021-.771 1.532-1.116a27 27 0 0 1 2.352-1.428l231.74-123.528a6.5 6.5 0 0 1 6.212.053l41.659 23.121a6.5 6.5 0 0 1 3.345 5.738m22.013 100.531a26.4 26.4 0 0 0-5.148-4.523c-.125-.085-.25-.17-.397-.266a26 26 0 0 0-1.905-1.129L173.914 45.211a6.5 6.5 0 0 0-6.212.053l-41.659 23.121a6.499 6.499 0 0 0 .097 11.42L364.854 207.05q.5.265 1.027.439l.806.451v237.47a6.5 6.5 0 0 0 9.654 5.684l40-22.201a6.5 6.5 0 0 0 3.346-5.684V192.123a26.5 26.5 0 0 0-6.584-17.468"/><path fill="#FF6E83" d="M335.602 137.083c0 16.311-20.006 28.149-47.569 28.149c-11.241 0-21.222-1.971-29.104-5.409a7.46 7.46 0 0 0-6.345.189c-8.215 4.146-19.108 6.562-31.548 6.562c-27.563 0-47.569-11.838-47.569-28.149c0-8.212 5.072-15.289 13.626-20.294c3.37-1.971 4.785-6.178 3.116-9.707c-6.097-12.894-5.901-24.991 1.577-32.469c3.873-3.873 9.177-5.92 15.34-5.92c4.33 0 9.032 1.023 13.863 2.944a7.61 7.61 0 0 0 9.844-4.142c4.965-11.851 13.18-19.15 23.03-19.15c9.682 0 17.787 7.051 22.776 18.547c1.656 3.816 6.027 5.637 9.872 4.05c5.048-2.083 9.966-3.197 14.482-3.197c7.785 0 12.639 3.219 15.34 5.92c7.351 7.351 7.667 19.164 1.885 31.811c-1.622 3.548-.184 7.746 3.212 9.665c8.882 5.018 14.172 12.217 14.172 20.6"/></svg>How to use the Present icon
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:present" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:present" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:present" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--present]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:present"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:present"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fxemoji/present.svg" alt="Present icon" width="24" height="24">Present icon in other icon sets
Present icon FAQ
Is the Present 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 Present icon in React?
Install @iconify/react and render <Icon icon="fxemoji:present" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Present icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/present.svg" alt="Present icon">, or paste the SVG code inline to style it with CSS.