Sparkling Heart アイコン
emojione-v1:sparkling-heart
Sparkling Heart アイコン(emojione-v1:sparkling-heart)は、Emoji One (v1) セットの無料 SVG アイコンです（作者: Emoji One）。 64 × 64 のグリッドで描かれています。 Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Emoji One (v1)
- 作者
- Emoji One
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 64 × 64
- カテゴリ
- 記号
- タグ
- sparklingheart
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#d13852" d="M63.66 18.791c-.245-3.828-1.063-6.937-3.73-10.14c-5.34-6.404-17.611-7.47-23.11-1.305c-.955.906-1.859 2-2.768 3.304l-2.053 2.952l-2.058-2.952c-.909-1.305-1.817-2.398-2.772-3.304c-5.494-6.165-17.766-5.099-23.1 1.304C1.398 11.853.579 14.963.334 18.79c-.35 11.383 7.912 20.498 8.93 21.833c5.606 6.576 11.721 12.796 17.933 18.524c1.125.984 2.096 1.801 3.067 2.613c.582.478 1.157.959 1.739 1.433c.578-.474 1.153-.955 1.731-1.433c.975-.813 1.945-1.629 3.066-2.613c6.213-5.729 12.327-11.948 17.934-18.524c1.02-1.335 9.283-10.449 8.929-21.832"/><path fill="#f1a5b1" d="M60.24 16.761a10 10 0 0 0-.456-2.893a9 9 0 0 0-1.16-2.407c-2.958-4.344-9.398-5.911-14.783-4.81c-2.096.504-4.202 1.294-5.167 3.3c-.33.859.364 1.273 1.433 1.221c3.87-.433 8.156-.042 11.581 1.621c.854.417 1.65.912 2.38 1.494c2.456 1.902 3.518 4.861 4 7.794c1.191-.241 1.844-1.673 1.994-2.948c.144-.788.212-1.59.175-2.372"/><path fill="#faaa31" d="m59.5 49.55l-7.11-2.12l3.63-6.448l-6.443 3.627l-2.01-7.115l-1.972 7.115l-6.496-3.559l3.677 6.371l-7.103 2.12l7.103 1.86l-3.627 6.44l6.446-3.63l1.984 7.12l1.997-7.12l6.443 3.63l-3.63-6.44l7.11-1.851zM15.693 11.168L11.1 9.796l2.343-4.161l-4.162 2.344l-1.302-4.603l-1.273 4.603l-4.197-2.297v.004l2.38 4.11l-4.596 1.372l4.596 1.204l-2.349 4.161l4.166-2.34l1.285 4.599l1.29-4.599l4.162 2.34l-2.343-4.161l4.593-1.2z"/></svg>
Sparkling Heart アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-v1:sparkling-heart" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-v1:sparkling-heart" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-v1:sparkling-heart" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--sparkling-heart]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:sparkling-heart"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-v1:sparkling-heart"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione-v1/sparkling-heart.svg" alt="Sparkling Heart アイコン" width="24" height="24">
他のアイコンセットの Sparkling Heart アイコン
Sparkling Heart アイコン のよくある質問
Sparkling Heart アイコンは商用利用でも無料ですか?
はい。Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Sparkling Heart アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione-v1:sparkling-heart" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Sparkling Heart アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione-v1/sparkling-heart.svg" alt="Sparkling Heart アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Emoji One (v1) アイコン をすべて見る →
ICONYZ
