Redapple icon

fxemoji:redapple

The Redapple icon (fxemoji:redapple) 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="#FF473E" d="M396.327 358.248a44.6 44.6 0 0 1 2.43-15.734c2.443-7.068-.349-14.7-6.732-19.019c-16.102-10.895-24.353-30.42-19.183-49.7c4.559-17.001 18.38-29.438 35.044-33.696c7.511-1.92 12.643-8.481 12.811-15.861c.35-15.342 8.614-30.275 23.616-38.998c7.562-4.397 15.98-6.61 24.378-6.803c6.849-.158 11.499-6.657 9.451-12.86c-21.6-65.423-78.914-85.569-113.756-85.569c-39.006 0-64.722 4.737-98.702 17.024a29.34 29.34 0 0 1-19.941 0c-33.98-12.287-59.696-17.024-98.702-17.024c-43.589 0-122.359 31.514-122.359 143.784s76.695 272.795 159.721 272.795c20.531 0 39.554-12.182 53.63-22.022a29.385 29.385 0 0 1 33.584-.07c14.231 9.855 34 22.092 55.407 22.092c37.16 0 73.05-32.158 101.364-77.752c2.604-4.193 3.346-9.375 1.649-14.01c-.755-2.063-1.958-3.868-3.869-4.639c-17.249-6.963-29.358-22.931-29.841-41.938"/><path fill="#FF8A8A" d="M84.864 221.421a27 27 0 0 1-6.146-.709c-14.523-3.382-23.555-17.896-20.173-32.419c6.221-26.716 21.554-51.603 43.175-70.076c11.338-9.686 28.38-8.349 38.067 2.989s8.348 28.38-2.989 38.067c-12.921 11.04-22.034 25.695-25.66 41.266c-2.903 12.463-14.005 20.882-26.274 20.882"/><path fill="#EAB4A2" d="M435.002 395.999c-3.182-10.937-9.603-18.091-7.613-27.79c2.244-10.944-1.215-22.454-8.688-29.746c-13.492-13.165-20.07-34.409-15.403-55.406c3.909-17.586 14.82-31.01 28.454-37.365c10.128-4.721 16.983-15.432 18.612-27.811c2.03-15.432 9.76-29.829 22.439-38.723c.338-.237 2.338-2.574 2.573-2.909c1.473-2.099 3.254-3.125-2.006-2.131c-17.075 3.227-35.16-5.876-50.921 3.288c-14.608 8.494-23.514 22.243-25.853 36.98c-1.877 11.822-9.775 22.052-21.444 26.56c-15.708 6.069-28.28 18.889-32.783 35.684c-5.377 20.052 2.202 40.341 17.747 52.913c8.61 6.964 12.596 17.956 10.01 28.408c-2.292 9.263-1.994 19.472 1.673 29.918c5.211 14.844 17.58 26.638 33.219 31.593c12.338 3.909 24.915-.525 26.249-5.351s6.028-10.231 3.735-18.112"/><path fill="#75432E" d="m277.733 62.91l-.069-2.723c-.026-.904-.14-1.791-.208-2.681c-.177-1.771-.28-3.544-.531-5.251l-.783-5.028c-.274-1.64-.664-3.199-.985-4.743l-.503-2.275l-.59-2.157c-.393-1.412-.761-2.789-1.146-4.091c-.858-2.541-1.573-4.944-2.363-6.948c-.78-2.01-1.417-3.815-2.03-5.212l-1.894-4.436a19 19 0 0 0-.219-.488c-3.522-7.5-12.457-10.724-19.957-7.201c-7.5 3.522-10.724 12.457-7.201 19.957l.46.979l1.663 3.542c.55 1.124 1.073 2.505 1.758 4.077c.696 1.571 1.27 3.368 2.023 5.311l.965 3.053l.509 1.608l.42 1.667c.269 1.128.618 2.28.853 3.468l.695 3.635c.232 1.234.325 2.498.506 3.77c.07.638.19 1.277.224 1.923l.106 1.948c.239 2.605.104 5.26.084 7.913c-.253 2.651-.372 5.308-.879 7.911c-.315 2.614-1.02 5.158-1.565 7.633c-.12.621-.317 1.228-.507 1.829l-.552 1.789c-.378 1.178-.679 2.343-1.086 3.458c-.871 2.206-1.632 4.364-2.421 6.237l-2.122 4.66c-1.028.03-1.764.412-2.056 1.29c-2 6-7.145 7.182-14.145 15.35c-3.525 4.113 2.145 12.908 12.145 16.061c10.845 3.42 26.251.818 26.251-5.078c0-3.403-2.226-6.038-1.639-10.562l.129-.219l1.151-1.958c.422-.741.862-1.399 1.371-2.45l3.338-6.631c1.13-2.43 2.181-5.048 3.374-7.842c.567-1.406 1.04-2.913 1.579-4.425l.794-2.305c.269-.776.545-1.557.748-2.38c.871-3.261 1.874-6.606 2.464-10.157c.776-3.5 1.132-7.161 1.561-10.815c.199-3.675.456-7.373.28-11.013"/><path fill="#16992B" d="m244.095 115.74l-.392-.32c-.25-.212-.663-.522-1.124-.936c-.456-.414-1.067-.919-1.684-1.524l-.493-.469c-.173-.152-.367-.238-.557-.36l-1.156-.687c-.807-.474-1.584-.832-2.552-1.41a49 49 0 0 0-1.447-.781c-.253-.125-.482-.258-.713-.39l-.775-.376a54 54 0 0 0-1.588-.719a31 31 0 0 0-1.642-.691l-1.654-.667l-1.756-.653l-3.583-1.317a72 72 0 0 1-1.905-.703a77 77 0 0 1-1.94-.748c-2.574-1.023-5.503-2.257-8.463-3.776c-.766-.387-1.511-.801-2.273-1.202c-.803-.419-1.589-.88-2.379-1.334a82 82 0 0 1-2.42-1.472c-.817-.519-1.613-1.02-2.465-1.611c-3.298-2.214-6.794-4.947-10.192-8.092c-3.395-3.123-6.836-6.829-9.856-11.008c-3.037-4.135-5.629-8.987-7.517-13.96a101 101 0 0 1-1.279-3.789c-.387-1.261-.675-2.585-.967-3.855c-.266-1.289-.536-2.538-.693-3.829c-.159-1.285-.275-2.555-.393-3.791c-.176-2.494-.059-4.961.055-7.271c.275-2.342.627-4.563 1.09-6.649a64 64 0 0 1 1.872-5.84c.36-.9.768-1.756 1.18-2.582q.6-1.236 1.235-2.366c1.683-3.01 3.671-5.386 5.293-7.269c1.817-1.847 3.356-3.184 4.514-4.063c.554-.441 1.031-.766 1.348-.983l.479-.328a4.73 4.73 0 0 1 5.895.441l.25.235l.423.395c.281.259.703.642 1.186 1.123c1.02.966 2.339 2.334 3.907 3.932l2.583 2.507a47 47 0 0 0 2.787 2.677c1.006.892 1.952 1.805 2.94 2.696c1.056.867 2.067 1.728 3.044 2.574l1.562 1.202l1.478 1.176l1.524 1.099c.482.365.91.739 1.446 1.071l1.431 1.031c.407.357.945.68 1.409 1.014l1.341 1.024q.71.514 1.349 1.045c1.815 1.427 3.435 2.989 5.295 4.892c1.815 1.902 3.622 4.11 5.767 6.61a199 199 0 0 1 6.66 8.37a126 126 0 0 1 6.921 10.188l1.651 2.83a112 112 0 0 1 1.566 2.921c.527.991.991 2.014 1.47 2.995c.49 1.029.925 2.092 1.356 3.116c.214.521.428 1.006.631 1.543l.576 1.613c.378 1.073.74 2.078 1.043 3.168c.625 2.191 1.155 4.231 1.497 6.391c.165 1.066.356 2.06.451 3.09c.084 1.052.177 2.054.21 3.04c.14 1.919-.044 3.892-.176 5.612c-.08 1.705-.515 3.4-.822 4.845c-.28 1.392-.781 2.935-1.208 4.145c-.801 2.607-1.962 3.805-2.674 4.877c-.357.506-.691.901-.887 1.163l-.311.4a4.77 4.77 0 0 1-6.696.839c-.017-.016-.06-.05-.083-.069"/></svg>

How to use the Redapple icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Redapple icon FAQ

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

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

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

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

Browse all Firefox OS Emoji icons →