Candle アイコン
fxemoji:candle
Candle アイコン(fxemoji:candle)は、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 xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#B3CECC" d="M184 216v261.893c0 17.731 38.465 32.106 86 32.106s86-14.374 86-32.106V216z"/><ellipse cx="269.782" cy="215.939" fill="#D6E5E5" rx="86.07" ry="32.106"/><path fill="#EBF2F2" d="M269.782 215.019c-5.787 0-10.479-4.692-10.479-10.479V84.034c0-5.787 4.691-10.479 10.479-10.479s10.479 4.692 10.479 10.479V204.54c0 5.787-4.692 10.479-10.479 10.479"/><path fill="#FFD366" d="M222.367 124.974s-.137-.436-.301-1.25c-.181-.815-.366-2.006-.55-3.521l-.115-1.195c-.003-.642.009-1.488.036-2.274c.046-1.617.138-3.369.289-5.238c.067-.935.169-1.897.268-2.888l.373-2.457c.278-1.674.602-3.43.984-5.25c.407-1.759.897-3.469 1.431-5.288c.273-.897.541-1.828.849-2.731c.308-.847.618-1.706.959-2.57c.333-.865.673-1.741 1.041-2.619l.546-1.326c.185-.426.381-.812.573-1.223a120 120 0 0 1 2.46-4.924c.843-1.522 1.74-3.031 2.682-4.559l.71-1.141c.225-.353.463-.702.704-1.053c.483-.7.947-1.411 1.453-2.113l1.511-2.109l1.502-1.981c.99-1.311 2.092-2.697 3.065-3.939c1.017-1.269 2.038-2.55 3.104-3.827c.995-1.253 2.03-2.49 3.062-3.742l6.162-7.416l2.956-3.67c1.022-1.21 2.042-2.411 2.935-3.615l2.815-3.531c.45-.579.925-1.15 1.394-1.714c.472-.563.876-1.131 1.304-1.685a294 294 0 0 1 4.881-6.194c1.466-1.896 2.761-3.595 3.898-5.008c1.129-1.414 2.102-2.546 2.725-3.323l1.031-1.196l.32-.372a8.03 8.03 0 0 1 12.464.372l.977 1.28c.588.838 1.509 2.074 2.571 3.675c1.054 1.601 2.325 3.564 3.62 5.863a137 137 0 0 1 3.94 7.881c1.394 2.938 2.529 6.175 3.802 9.67c.617 1.746 1.139 3.547 1.682 5.409l1.496 5.733c.48 1.956.797 3.928 1.201 5.961l.566 3.073c.168 1.03.293 2.037.44 3.07c.259 2.05.532 4.146.73 6.231c.191 2.042.335 4.094.474 6.156c.128 2.099.221 4.009.287 6.003l.091 2.958l.058 2.786c.022.923.004 1.832.008 2.742l-.017 2.613a111 111 0 0 1-.122 4.871a77 77 0 0 1-.142 4.229l-.056 1.009l-.026.894a39 39 0 0 1-.081 1.74c-.028.571-.082 1.125-.133 1.672a41 41 0 0 1-.061 1.419c-.043.907-.173 1.818-.25 2.597c-.04.729-.121 1.417-.228 2.066c-.063.321-.118.646-.188.938c-.017.119-.028.235-.069.343c-.067.22-.179.422-.322.612c-.063.117-.154.137-.226.325l-.2 1.184c-.292 1.498-.561 2.674-.8 3.473c-.222.8-.389 1.225-.389 1.225l-.006.015c-9.472 24.034-36.634 35.839-60.668 26.367c-13.6-5.357-23.351-16.597-27.48-29.513"/></svg>
Candle アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:candle" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:candle" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:candle" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--candle]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:candle"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:candle"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fxemoji/candle.svg" alt="Candle アイコン" width="24" height="24">
Candle アイコン のよくある質問
Candle アイコンは商用利用でも無料ですか?
はい。Firefox OS Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Candle アイコンを使うには?
@iconify/react をインストールして <Icon icon="fxemoji:candle" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Candle アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fxemoji/candle.svg" alt="Candle アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Firefox OS Emoji アイコン をすべて見る →
ICONYZ
