Blackdroplet アイコン

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

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

fxemoji:blackdroplet

Blackdroplet アイコン(fxemoji:blackdroplet)は、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="#00B1FF" d="M261.891 12.452s.725 3.365 2.765 9.254c1.914 5.889 5.213 14.301 9.64 24.396c2.427 5.048 4.767 10.516 7.77 16.299c3.079 5.784 5.902 11.883 9.612 18.192c3.632 6.309 7.066 12.829 11.189 19.454l12.123 20.085c3.961 6.73 8.442 13.46 12.575 20.085c4.184 6.625 8.294 13.145 12.556 19.454c4.225 6.309 8.143 12.409 12.155 18.192l11.303 16.299l17.868 24.396l7.202 9.254c57.709 74.151 44.38 181.045-29.771 238.754s-181.045 44.38-238.754-29.771c-48.824-62.735-46.685-148.989 0-208.983l7.202-9.254l17.868-24.396l11.303-16.299c4.012-5.784 7.931-11.883 12.155-18.192c4.262-6.309 8.372-12.829 12.556-19.454c4.132-6.625 8.613-13.355 12.575-20.085l12.123-20.085c4.123-6.625 7.557-13.145 11.189-19.454c3.709-6.309 6.533-12.409 9.612-18.192c3.003-5.784 5.344-11.252 7.77-16.299c4.427-10.095 7.726-18.508 9.64-24.396c2.04-5.889 2.765-9.254 2.765-9.254a7.675 7.675 0 0 1 15.009 0"/><path fill="#76DFFF" d="m162.843 260.414l-.988 4.458c-.35 1.438-.734 3.184-.76 4.824c-.092 1.79-.365 3.415-.339 5.751c.003 2.242-.166 4.545.074 7.104c.116 2.509.314 5.125.736 7.855c.66 5.395 1.976 11.114 3.575 16.647c3.231 11.107 8.165 21.538 12.413 28.164a50 50 0 0 0 5.21 7.023l1.882 1.677c13.78 12.276 14.999 33.399 2.723 47.178c-12.276 13.78-33.399 14.999-47.178 2.723a33.26 33.26 0 0 1-10.052-16.297l-1.615-6.023l-1.732-6.442c-.812-3.863-1.753-9.208-2.185-15.196c-1.008-12.035-.447-27.26 2.327-42.032c1.404-7.384 3.223-14.623 5.595-21.229c1.089-3.3 2.381-6.436 3.69-9.356c1.174-2.926 2.719-5.607 3.97-8.048c1.172-2.386 2.827-4.801 4.005-6.736c1.241-2.097 2.348-3.445 3.264-4.538l2.87-3.549a7.137 7.137 0 0 1 10.037-1.062c2.174 1.758 3.04 4.547 2.478 7.104"/></svg>

Blackdroplet アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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