Rose アイコン

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

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

fxemoji:rose

Rose アイコン(fxemoji:rose)は、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="#2BA52E" d="M384.351 245.938c0-85.017-59.161-153.936-132.139-153.936s-132.139 68.92-132.139 153.936c0 77.979 49.774 127.605 114.328 135.288v38.235l-.071-.021c-.904-.277-1.792-.431-2.695-.651c-.897-.197-1.812-.426-2.698-.58a76 76 0 0 0-5.371-.87c-1.792-.257-3.561-.401-5.331-.539a117 117 0 0 0-5.246-.285c-1.727-.016-3.452-.065-5.134-.034c-3.389.061-6.668.243-9.828.544c-3.154.293-6.176.682-9.02 1.164c-2.843.462-5.512.999-7.959 1.567a111 111 0 0 0-6.641 1.724a97 97 0 0 0-5.07 1.609c-1.412.474-2.499.926-3.227 1.202l-1.127.467a5.65 5.65 0 0 0-.026 10.426l1.124.473c.74.276 1.806.74 3.134 1.239c2.676 1.027 6.497 2.387 10.987 3.888c2.247.748 4.661 1.553 7.19 2.355c1.264.415 2.551.841 3.868 1.24c1.307.434 2.643.863 3.987 1.282c2.683.887 5.438 1.723 8.152 2.664c2.734.871 5.43 1.838 8.055 2.76c2.609.976 5.137 1.926 7.487 2.88c2.323.98 4.536 1.905 6.373 2.867c.987.432 1.784.908 2.6 1.341c.426.208.725.428 1.091.628c.341.204.73.392.974.595c.275.199.565.362.848.53c.267.167.425.331.648.479c.507.29.648.512.989.698c.374.339.667.401.727.313a1 1 0 0 1 .147-.082c.018-.025.015-.049.061-.083a.8.8 0 0 1 .152-.096c.038-.021.044-.026.092-.043c.065-.019.212-.068.288-.044c.054.032.129.06.204.086l.268.093v29.539c0 9.836 7.974 17.811 17.811 17.811s17.81-7.975 17.81-17.811v-29.539s.126-.082.274-.214c.077-.067.148-.141.209-.234q.214-.198.379-.445c.066-.135.315-.424.476-.678c.112-.141.11-.255.272-.446q.198-.268.386-.556c.467-.776 1.254-1.857 2.168-3.134c.507-.659 1.047-1.354 1.648-2.104c.659-.763 1.243-1.554 2.039-2.39l1.12-1.293l1.267-1.326c.792-.928 1.789-1.841 2.705-2.799c1.932-1.915 4.002-3.92 6.258-5.941c2.218-2.04 4.626-4.06 7.026-6.151c1.237-1.006 2.458-2.036 3.716-3.036a114 114 0 0 1 3.774-2.989c2.507-2.009 5.068-3.88 7.548-5.743c2.5-1.809 4.942-3.585 7.288-5.203c2.35-1.639 4.592-3.123 6.685-4.506l3.015-1.924l2.74-1.672l2.425-1.414a100 100 0 0 0 2.059-1.149a45 45 0 0 0 1.481-.864l.329-.192l.396-.154l.687-.268l1.258-.521l.04-.017a5.551 5.551 0 0 0-.436-10.401l-1.293-.419l-.705-.212l-.406-.122l-.538-.1a49 49 0 0 0-2.643-.415a61 61 0 0 0-6.53-.495c-1.251-.04-2.544.002-3.944.023c-1.369.049-2.81.143-4.31.261c-2.971.273-6.188.668-9.502 1.31l-2.532.48l-2.557.587c-1.74.38-3.47.857-5.245 1.349a129 129 0 0 0-10.746 3.575a130 130 0 0 0-10.778 4.723a116 116 0 0 0-7.505 4.05v-26.855c64.554-7.679 114.329-57.305 114.329-135.285"/><path fill="#D32A2A" d="M353.192 21.28c2.378-8.797-6.327-16.528-14.741-13.03c-14.773 6.141-35.013 15.415-57.003 27.964l-2.708-4.696l-3.028-5.01l-2.689-4.254a202 202 0 0 0-4.009-5.962l-1.527-2.11a19.4 19.4 0 0 0-4.22-4.22c-8.437-6.106-20.225-4.216-26.331 4.22l-1.527 2.11a202 202 0 0 0-4.009 5.962l-2.689 4.254l-3.028 5.01l-3.285 5.698l-3.456 6.317c-2.31 4.403-4.804 9.172-7.221 14.217a391 391 0 0 0-7.232 15.868c-2.365 5.503-4.705 11.19-6.898 16.969a469 469 0 0 0-5.19 14.264c-10.713 11.583-20.492 24.173-28.786 37.78c-17.443 22.974-27.801 51.621-27.801 82.691c0 3.992.181 7.864.516 11.629l-.003.188l.02-.001c6.099 67.417 64.811 98.639 136.352 98.639c75.599 0 136.885-34.856 136.885-110.456c.001-115.52-72.496-144.469-56.392-204.041"/><path fill="#FF473E" d="M375.668 236.958c.335-3.768.516-7.641.516-11.635c0-31.083-10.367-59.742-27.823-82.72C303.776 69.48 216.055 25.92 173.55 8.25c-8.415-3.498-17.12 4.233-14.741 13.03c16.104 59.572-56.393 88.521-56.393 204.043c0 75.599 61.285 110.456 136.885 110.456c71.541 0 130.253-31.221 136.352-98.639l.02.001q-.004-.092-.005-.183"/></svg>

Rose アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

<img src="https://iconyz.com/api/public/svg/fxemoji/rose.svg" alt="Rose アイコン" width="24" height="24">

Firefox OS Emoji の関連アイコン

他のアイコンセットの Rose アイコン

Rose アイコンのよくある質問

Rose アイコンは商用利用でも無料ですか?

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

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

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

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

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

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