Heart Left Tip アイコン
emojione-v1:heart-left-tip
Heart Left Tip アイコン(emojione-v1:heart-left-tip)は、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
- カテゴリ
- 人物
- タグ
- heartleft、lefttip、heartlefttip
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#df394c" d="M62.57 12.923C60.437 6.821 55.41 1.756 49.06 1.057c-3.6-.344-7.221-.105-10.521 1.559c-2.594 1.308-4.673 3.5-6.54 5.763c-2.3-2.754-4.839-5.214-8.194-6.494c-2.02-.769-4.212-.992-6.352-.979c-1.852.015-3.722.201-5.493.804c-3.244 1.104-5.957 3.397-7.984 6.222a18 18 0 0 0-1.555 2.637c-.448.921-.83 1.879-1.156 2.851c-2.867 9.566-1.137 21.326 8.221 26.713c.944.648 1.924 1.27 2.919 1.875c2.979 1.822 6.09 3.537 8.809 5.658c.771.725 1.454 1.494 2.01 2.328c1.111 1.668 1.678 3.592 1.404 5.893c.273 2.289-1.772 3.926-1.772 6.381c.411 3.27 14.12-4.166 15.285-4.93c9.666-5.705 19.483-13.07 23.319-24.35a33 33 0 0 0 1.565-4.472c1.372-5.058 1.271-10.652-.458-15.593"/><path fill="#f1a5b1" d="M59.39 13.842a9.2 9.2 0 0 0-.52-2.641a8.2 8.2 0 0 0-1.152-2.164c-2.868-3.884-8.834-5.086-13.731-3.884c-1.902.539-3.807 1.338-4.619 3.211c-.273.803.812 1.337 1.357 1.069c3.535-.538 7.479-.33 10.675 1.071q1.207.528 2.242 1.283c2.317 1.66 3.401 4.335 3.946 7.01c1.084-.264 1.633-1.601 1.723-2.777a9.2 9.2 0 0 0 .079-2.174"/></svg>Heart Left Tip アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-v1:heart-left-tip" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-v1:heart-left-tip" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-v1:heart-left-tip" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--heart-left-tip]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:heart-left-tip"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-v1:heart-left-tip"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione-v1/heart-left-tip.svg" alt="Heart Left Tip アイコン" width="24" height="24">Emoji One (v1) の関連アイコン
Heart Left Tip アイコン のよくある質問
Heart Left Tip アイコンは商用利用でも無料ですか?
はい。Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Heart Left Tip アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione-v1:heart-left-tip" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Heart Left Tip アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione-v1/heart-left-tip.svg" alt="Heart Left Tip アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。