Redapple アイコン

Q: Redapple アイコンは商用利用でも無料ですか?

はい。Firefox OS Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

fxemoji:redapple

Redapple アイコン(fxemoji:redapple)は、Firefox OS Emoji セットの無料 SVG アイコンです（作者: 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 コード

<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>

Web コンポーネント

<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 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Redapple アイコンを使うには?

@iconify/react をインストールして <Icon icon="fxemoji:redapple" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Redapple アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fxemoji/redapple.svg" alt="Redapple アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Firefox OS Emoji アイコンをすべて見る →