Hibiscus アイコン

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

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

fxemoji:hibiscus

Hibiscus アイコン(fxemoji:hibiscus)は、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="#00B89C" d="M355.074 370.512c-15.472-16.2-29.694-49.052-37.645-69.73c-3.475-9.036 3.015-20.297 12.577-21.825c21.882-3.497 57.421-7.627 79.099-2.074c37.13 9.51 69.773 41.445 86.522 74.031c-2.777-5.432-7.948-15.576.15.262c1.942 3.822 1.422 2.813.196.415c4.785 9.464 10.115 26.081 13.322 36.781c1.695 5.655-1.56 11.344-7.299 12.767c-10.938 2.712-28.145 6.609-38.773 7.204c2.689-.138 3.823-.193-.458.038c-17.765.913 5.78-.213-.302.001c-38.314 1.346-81.456-10.716-107.389-37.87M208.92 307.179c3.133-6.461-8.682 18.713.166-.316c2.12-4.591 1.552-3.379.213-.498c5.242-11.411 10.671-31.515 13.877-44.425c1.682-6.774-2.454-13.327-9.286-14.7c-12.926-2.599-33.194-6.271-45.701-6.538c3.176.053 4.515.072-.541-.026c-20.982-.353-7.553-.111-.357.011c-43.218-.635-94.526 15.662-124.925 49.092c-17.749 19.518-33.049 58.864-41.473 83.62c-3.681 10.818 4.48 23.838 15.819 25.234c25.948 3.194 68.049 6.611 93.476-.522c42.623-11.958 79-50.238 98.732-90.932"/><path fill="#FF929D" d="M449.95 201.206c-13.858-47.642-26.576-85.831-74.218-71.973q-1.31.382-2.623.835a90 90 0 0 0-18.675 8.489c-3.981 2.393-8.768-1.295-7.581-5.786a89.8 89.8 0 0 0 2.973-22.983c0-49.616-40.222-51.161-89.838-51.161s-89.838 1.545-89.838 51.161q0 1.363.07 2.75a90 90 0 0 0 1.928 16.057c.922 4.332-3.66 7.784-7.508 5.59a89.8 89.8 0 0 0-17.409-7.608c-47.307-14.961-60.908 22.923-75.87 70.23c-14.961 47.307-25.617 86.123 21.69 101.084q1.3.41 2.643.763a90 90 0 0 0 13.553 2.744c4.297.53 6.033 5.818 2.894 8.8a89.7 89.7 0 0 0-10.902 12.47c-29.076 40.204 2.611 65.027 42.816 94.102c40.204 29.075 73.702 51.394 102.777 11.19a57 57 0 0 0 1.557-2.271l.053-.078c2.148-3.174 6.895-3.111 8.755.24a87 87 0 0 0 1.508 2.608c25.599 42.503 60.851 23.074 103.354-2.524s76.161-47.674 50.562-90.177a57 57 0 0 0-1.479-2.32a89.7 89.7 0 0 0-16.525-19.115c-3.641-3.168-1.364-9.171 3.461-9.02a89.5 89.5 0 0 0 27.841-3.544c47.64-13.859 37.889-52.912 24.031-100.553"/><path fill="#F8BBC6" d="m350.536 207.093l-.41-.268c-.275-.189-.67-.436-1.17-.715l-1.859-1.076c-.709-.361-1.539-.817-2.432-1.229c-.895-.418-1.891-.892-2.936-1.302c-1.064-.463-2.178-.862-3.365-1.279a56.5 56.5 0 0 0-7.726-2.129c-5.498-1.111-11.567-1.466-17.645-.684c-3.043.38-6.075 1.08-9.087 1.98c-3.018.873-6.032 1.9-9.017 3.008c-.109-2.984-.289-5.964-.603-8.894c-.308-3.128-.809-6.199-1.61-9.16c-1.579-5.921-4.207-11.404-7.318-16.071a56.5 56.5 0 0 0-4.898-6.344c-.835-.94-1.627-1.82-2.458-2.63c-.775-.812-1.591-1.553-2.317-2.224c-.719-.671-1.456-1.266-2.059-1.785l-1.701-1.313a15 15 0 0 0-1.105-.812l-.404-.278c-9.056-6.214-21.484-6.089-30.479 1.152l-.382.307c-.265.203-.621.503-1.04.893l-1.597 1.437c-.562.563-1.251 1.212-1.918 1.935c-.673.723-1.431 1.524-2.142 2.392c-.768.87-1.491 1.807-2.253 2.808a56.4 56.4 0 0 0-4.404 6.696c-2.75 4.889-4.956 10.554-6.084 16.578c-.575 3.012-.843 6.112-.914 9.255c-.098 3.144-.05 6.332.086 9.516c.006.124.019.248.025.372c-2.948-.748-5.912-1.418-8.866-1.947c-3.089-.58-6.178-.96-9.244-1.02c-6.126-.143-12.126.844-17.477 2.524a57 57 0 0 0-7.462 2.924c-1.137.538-2.203 1.052-3.213 1.624c-.996.517-1.937 1.092-2.784 1.601c-.845.503-1.623 1.043-2.29 1.476l-1.736 1.265c-.468.33-.835.616-1.089.833l-.38.31c-8.502 6.952-11.863 18.918-7.431 29.581l.188.452c.121.311.309.737.566 1.249l.932 1.935c.383.697.813 1.541 1.321 2.383c.506.849 1.063 1.8 1.696 2.727c.62.981 1.317 1.938 2.064 2.949a57 57 0 0 0 5.194 6.104c3.923 4.009 8.743 7.714 14.21 10.483c2.73 1.396 5.632 2.521 8.629 3.469c.835.272 1.689.513 2.536.766c-.512.72-1.037 1.435-1.528 2.164c-1.78 2.591-3.375 5.263-4.67 8.043c-2.607 5.546-4.129 11.432-4.756 17.006a56.5 56.5 0 0 0-.341 8.007c.033 1.257.072 2.44.186 3.595c.07 1.12.216 2.213.339 3.193c.118.976.298 1.906.425 2.691l.455 2.099c.112.561.226 1.013.322 1.333l.13.472c2.922 10.587 12.509 18.498 24.053 18.754l.49.011c.333.015.799.015 1.371-.013l2.147-.071c.792-.069 1.738-.121 2.714-.245c.981-.119 2.076-.244 3.18-.449c1.148-.171 2.305-.421 3.532-.696a56.5 56.5 0 0 0 7.682-2.283c5.253-1.967 10.59-4.879 15.333-8.76c2.381-1.933 4.582-4.132 6.661-6.49c.587-.654 1.152-1.338 1.726-2.01c.452.759.894 1.529 1.361 2.273c1.651 2.675 3.449 5.215 5.469 7.522c4.019 4.626 8.787 8.398 13.632 11.225a56.5 56.5 0 0 0 7.186 3.549c1.163.478 2.261.92 3.364 1.283c1.053.389 2.112.697 3.058.98c.941.286 1.864.498 2.633.7l2.104.432c.559.124 1.018.203 1.349.244l.485.072c10.865 1.606 21.976-3.964 26.876-14.42l.208-.444c.148-.299.337-.725.543-1.259l.803-1.992c.257-.753.592-1.639.873-2.581c.287-.945.616-1.998.874-3.09c.308-1.119.546-2.278.791-3.512c.5-2.473.857-5.151 1.017-7.95c.324-5.6-.182-11.659-1.814-17.565c-.806-2.959-1.927-5.861-3.243-8.716c-1.292-2.867-2.736-5.71-4.257-8.512c-1.251-2.286-2.603-4.51-3.989-6.693c2.487-.708 4.976-1.47 7.43-2.345c2.999-1.081 5.968-2.243 8.84-3.525c2.881-1.256 5.649-2.678 8.219-4.352c5.147-3.325 9.555-7.513 13.037-11.911a56.5 56.5 0 0 0 4.528-6.613c.637-1.084 1.23-2.109 1.745-3.149c.534-.988.988-1.992 1.402-2.889c.416-.891.756-1.775 1.064-2.508l.725-2.022c.202-.536.344-.979.432-1.301l.14-.47c3.127-10.522-.819-22.308-10.478-28.636"/><path fill="#FF473E" d="m244.546 249.384l-.012-.307c-.006-.239-.024-.44-.046-.697l-.234-2.696c-.142-1.265-.297-2.824-.562-4.633l-.422-2.887l-.566-3.214c-.355-2.24-.95-4.664-1.47-7.225l-.977-3.922c-.333-1.338-.662-2.705-1.09-4.076l-1.226-4.189c-.4-1.418-.937-2.816-1.402-4.244c-.497-1.419-.935-2.869-1.483-4.287l-1.662-4.255c-1.035-2.869-2.401-5.595-3.585-8.341c-.31-.68-.593-1.37-.921-2.033l-1.008-1.965l-1.967-3.854c-.325-.631-.632-1.264-.963-1.877l-1.045-1.785l-2.011-3.451c-.672-1.109-1.237-2.241-1.939-3.239l-1.953-2.933l-1.788-2.699c-.568-.856-1.085-1.683-1.663-2.396l-2.864-3.774l-2.48-3.291l-.644-.854c-6.078-8.064-4.468-19.528 3.596-25.606s19.528-4.468 25.606 3.596c.165.219.362.496.516.72l2.865 4.211l3.27 4.836c.653.919 1.245 1.961 1.891 3.046l2.024 3.42l2.191 3.719c.781 1.271 1.419 2.677 2.165 4.072l2.225 4.328l1.146 2.238c.363.764.701 1.549 1.056 2.333l2.136 4.786l1.084 2.439c.352.822.656 1.667.987 2.506c1.268 3.375 2.703 6.746 3.782 10.24l1.716 5.194c.561 1.729 1.007 3.485 1.508 5.208c.469 1.733 1.006 3.43 1.401 5.145l1.201 5.063c.416 1.655.73 3.308 1.045 4.922l.914 4.732c.476 3.108 1.012 6.013 1.312 8.757l.476 3.919l.334 3.571c.206 2.246.307 4.238.399 5.894l.085 2.244l.025.984l.013.87l.006 1.095l-.004.308c-.097 8.559-7.115 15.419-15.674 15.322c-8.276-.094-14.963-6.657-15.309-14.829z"/><path fill="#FFE564" d="m241.891 133.805l.001-.001l-.017-.017a25 25 0 0 0-1.878-1.878l-15.395-15.395c-4.459-4.971-10.929-8.1-18.132-8.1c-13.45 0-24.353 10.903-24.353 24.353c0 7.847 3.715 14.822 9.478 19.276l12.874 12.874c4.454 5.763 11.429 9.477 19.275 9.477c13.45 0 24.353-10.903 24.353-24.353a24.27 24.27 0 0 0-6.206-16.236"/></svg>

Hibiscus アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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

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