Heart Decoration アイコン
emojione-v1:heart-decoration
Heart Decoration アイコン(emojione-v1:heart-decoration)は、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
- カテゴリ
- 記号
- タグ
- heartdecoration
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#724198" d="M63.664 56.803a6.86 6.86 0 0 1-6.86 6.866H6.86A6.86 6.86 0 0 1 0 56.803V6.862A6.863 6.863 0 0 1 6.86 0h49.943a6.86 6.86 0 0 1 6.86 6.862v49.941z"/><g fill="#fff"><path d="M51.12 15.14a13 13 0 0 0-1.17-1.166c-1.971-1.728-4.662-2.936-7.974-2.976h-.066c-.2-.006-.403.012-.595.012c-2.062.098-8 2.53-9.486 7.33c-1.48-4.799-7.417-7.232-9.473-7.33c-.205 0-.409-.018-.6-.012h-.072c-3.309.039-5.994 1.248-7.973 2.976c-.428.368-.81.761-1.162 1.166c-2.511 2.863-3.704 6.912-2.155 10.615c.184.524.401 1.06.644 1.619c3.639 8.284 13.535 19.701 18.43 25.08c1.054 1.316 1.864 2.321 2.337 2.92v.059c.016.008.021.012.021.023v-.043l.003-.012l.016.012v.043l.001-.016l.006-.008v-.059c.483-.599 1.279-1.604 2.325-2.92c4.9-5.376 14.808-16.793 18.445-25.08a25 25 0 0 0 .641-1.619c1.543-3.702.355-7.751-2.152-10.614"/><path d="M19.373 28.47a22 22 0 0 1-.651-1.615c-1.541-3.706-.35-7.754 2.153-10.617a13 13 0 0 1 1.167-1.166a11.9 11.9 0 0 1 4.67-2.511c-1.729-.986-3.438-1.508-4.355-1.549c-.205 0-.409-.018-.6-.012h-.072c-3.309.039-5.994 1.248-7.973 2.976c-.428.368-.81.761-1.162 1.166c-2.511 2.863-3.704 6.912-2.155 10.615c.184.524.401 1.06.644 1.619c3.639 8.284 13.535 19.701 18.43 25.08c1.054 1.316 1.864 2.321 2.337 2.92v.059c.016.008.021.012.021.023v-.043l.003-.012l.016.012v.043l.001-.016l.006-.008v-.059c.483-.599 1.279-1.604 2.325-2.92c.405-.451.857-.942 1.326-1.465c-5.23-5.916-13.01-15.37-16.14-22.517"/></g></svg>
Heart Decoration アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-v1:heart-decoration" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-v1:heart-decoration" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-v1:heart-decoration" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--heart-decoration]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:heart-decoration"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-v1:heart-decoration"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione-v1/heart-decoration.svg" alt="Heart Decoration アイコン" width="24" height="24">
他のアイコンセットの Heart Decoration アイコン
Heart Decoration アイコン のよくある質問
Heart Decoration アイコンは商用利用でも無料ですか?
はい。Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Heart Decoration アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione-v1:heart-decoration" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Heart Decoration アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione-v1/heart-decoration.svg" alt="Heart Decoration アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Emoji One (v1) アイコン をすべて見る →
ICONYZ
