Two Hearts アイコン
emojione-v1:two-hearts
Two Hearts アイコン(emojione-v1:two-hearts)は、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
- カテゴリ
- 記号
- タグ
- twohearts、heart
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#d13852" d="M40.994 34.925c-.156-2.462-.687-4.463-2.399-6.523c-3.435-4.119-11.327-4.804-14.862-.839c-.615.584-1.198 1.286-1.783 2.126l-1.319 1.898l-1.322-1.898c-.586-.84-1.17-1.542-1.785-2.126c-3.532-3.965-11.426-3.28-14.859.839C.949 30.463.421 32.464.264 34.925c-.224 7.321 5.088 13.183 5.744 14.04c3.605 4.23 7.539 8.23 11.534 11.916a119 119 0 0 0 1.971 1.68c.375.308.745.616 1.119.921l1.115-.921c.625-.522 1.25-1.048 1.971-1.68c3.995-3.686 7.93-7.686 11.534-11.916c.656-.859 5.969-6.72 5.742-14.04"/><path fill="#f1a5b1" d="M38.789 33.618a6.2 6.2 0 0 0-.291-1.86a5.8 5.8 0 0 0-.748-1.547c-1.901-2.795-6.05-3.803-9.507-3.096c-1.35.325-2.702.833-3.324 2.123c-.21.554.234.819.922.786c2.49-.278 5.245-.027 7.447 1.042a8.2 8.2 0 0 1 1.532.962c1.581 1.224 2.262 3.126 2.574 5.01c.767-.155 1.186-1.076 1.284-1.897a6.7 6.7 0 0 0 .111-1.526"/><path fill="#d13852" d="M63.753 8.727c-.118-1.85-.516-3.353-1.803-4.9c-2.58-3.094-8.509-3.609-11.164-.63c-.462.438-.899.966-1.339 1.597l-.991 1.426l-.993-1.426c-.44-.63-.879-1.158-1.341-1.597c-2.653-2.979-8.583-2.463-11.162.63c-1.289 1.547-1.686 3.05-1.804 4.9c-.168 5.499 3.822 9.902 4.314 10.547c2.708 3.177 5.663 6.182 8.664 8.95c.543.475 1.012.87 1.48 1.262l.841.692l.838-.692c.47-.392.938-.787 1.48-1.262c3-2.768 5.956-5.773 8.664-8.95c.495-.645 4.485-5.05 4.316-10.547"/><path fill="#f1a5b1" d="M62.1 7.745a4.8 4.8 0 0 0-.219-1.397a4.3 4.3 0 0 0-.562-1.163c-1.428-2.099-4.541-2.856-7.142-2.325c-1.014.244-2.029.626-2.497 1.595c-.158.416.176.615.692.59c1.87-.209 3.94-.021 5.594.783q.621.302 1.151.722c1.187.919 1.699 2.348 1.933 3.766c.577-.116.892-.809.965-1.425c.069-.381.104-.768.085-1.146"/></svg>
Two Hearts アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-v1:two-hearts" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-v1:two-hearts" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-v1:two-hearts" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--two-hearts]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:two-hearts"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-v1:two-hearts"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione-v1/two-hearts.svg" alt="Two Hearts アイコン" width="24" height="24">
他のアイコンセットの Two Hearts アイコン
Two Hearts アイコン のよくある質問
Two Hearts アイコンは商用利用でも無料ですか?
はい。Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Two Hearts アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione-v1:two-hearts" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Two Hearts アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione-v1/two-hearts.svg" alt="Two Hearts アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Emoji One (v1) アイコン をすべて見る →
ICONYZ
