Growingheart アイコン
fxemoji:growingheart
Growingheart アイコン(fxemoji:growingheart)は、Firefox OS Emoji セットの無料 SVG アイコンです（作者: Mozilla）。 72 × 72 のグリッドで描かれています。 Firefox OS Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Firefox OS Emoji
- 作者
- Mozilla
- ライセンス
- Apache-2.0
- サイズ
- 72 × 72
- カテゴリ
- 人物
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#FFA9BA" d="M67 18.7c-7.6-8.9-20.9-9.4-29-1.3c-1.1 1.1-2.9 1.1-4 0c-7.7-7.7-20.1-7.7-27.9-.1c-6.6 6.5-7.6 17-2.6 24.8c1.6 2.4 3.6 4.3 5.7 5.7l25.3 20.5c.9.7 2.2.7 3.1 0l25.2-20.5c2.1-1.4 4-3.2 5.6-5.6c4.8-7.1 4.2-16.9-1.4-23.5"/><path fill="#FF6E83" d="M60.2 23.4c-5.9-7-16.3-7.3-22.6-1c-.9.9-2.3.9-3.1 0c-6-6-15.7-6-21.7 0c-5.1 5.1-6 13.3-2 19.3c1.2 1.9 2.8 3.4 4.5 4.5l19.8 16c.7.6 1.7.6 2.4 0l19.6-16c1.6-1.1 3.1-2.5 4.3-4.3c3.6-5.7 3.2-13.3-1.2-18.5"/><path fill="#FF473E" d="M50.7 30c-3.6-4.2-9.9-4.4-13.8-.6c-.5.5-1.4.5-1.9 0c-3.7-3.7-9.6-3.7-13.2 0c-3.1 3.1-3.6 8.1-1.2 11.8c.8 1.2 1.7 2 2.7 2.7l12 9.7c.4.3 1 .3 1.5 0l12-9.8c1-.7 1.9-1.5 2.6-2.6c2.3-3.4 2-8-.7-11.2"/></svg>Growingheart アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:growingheart" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:growingheart" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:growingheart" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--growingheart]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:growingheart"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:growingheart"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fxemoji/growingheart.svg" alt="Growingheart アイコン" width="24" height="24">Growingheart アイコン のよくある質問
Growingheart アイコンは商用利用でも無料ですか?
はい。Firefox OS Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Growingheart アイコンを使うには?
@iconify/react をインストールして <Icon icon="fxemoji:growingheart" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Growingheart アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fxemoji/growingheart.svg" alt="Growingheart アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。