Иконка Redapple
fxemoji:redapple
Иконка Redapple (fxemoji:redapple) — бесплатная SVG-иконка из набора Firefox OS Emoji от Mozilla. Она нарисована на сетке 512 × 512. Firefox OS Emoji icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Firefox OS Emoji
- Автор
- Mozilla
- Лицензия
- Apache-2.0
- Размер
- 512 × 512
- Категория
- Предметы
Код SVG
<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>Как использовать иконку Redapple
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>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:redapple"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/fxemoji/redapple.svg" alt="Иконка Redapple" width="24" height="24">Вопросы и ответы: Иконка Redapple
Можно ли бесплатно использовать иконку Redapple в коммерческих проектах?
Да. Firefox OS Emoji icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Redapple в React?
Установите @iconify/react и выведите <Icon icon="fxemoji:redapple" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Redapple на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fxemoji/redapple.svg" alt="Иконка Redapple">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.