ICONYZ
日本語
Firefox OS Emoji の Heartdecoration アイコン

Heartdecoration アイコン

fxemoji:heartdecoration

Heartdecoration アイコン(fxemoji:heartdecoration)は、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="#FF5FD2" d="M508.333 32.666C508.333 16.35 494.984 3 478.668 3H29.032C14.348 3 2.333 15.015 2.333 29.699v452.602C2.333 496.985 14.348 509 29.032 509h449.635c16.316 0 29.666-13.35 29.666-29.666z"/><path fill="#EF2EC2" d="M478.668 488.915H29.032c-14.684 0-26.699-12.015-26.699-26.699v20.085C2.333 496.985 14.348 509 29.032 509h449.635c16.316 0 29.666-13.35 29.666-29.666v-20.085c0 16.316-13.349 29.666-29.665 29.666"/><path fill="#FFF" d="M446.399 174.38c-34.356-76.279-126.697-88.268-179.217-35.9l-6.101 6.095c-3.153 3.15-8.309 2.916-11.192-.483a96 96 0 0 0-5.21-5.678c-51.945-52.094-143.26-40.971-178.395 33.479c-10.276 21.774-12.275 46.64-5.844 69.842c8.65 31.207 26.117 52.28 47.039 65.893l145.627 117.879a5.7 5.7 0 0 0 7.193-.014l144.736-118.06c19.209-12.742 35.377-31.993 44.611-58.995c8.275-24.191 7.253-50.746-3.247-74.058"/></svg>

Heartdecoration アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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