Heart Exclamation アイコン
noto-v1:heart-exclamation
Heart Exclamation アイコン(noto-v1:heart-exclamation)は、Noto Emoji (v1) セットの無料 SVG アイコンです（作者: Google Inc）。 128 × 128 のグリッドで描かれています。 Noto Emoji (v1) icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Noto Emoji (v1)
- 作者
- Google Inc
- ライセンス
- Apache-2.0
- サイズ
- 128 × 128
- カテゴリ
- スマイリー・感情
- タグ
- heartexclamation、heavy heart exclamation
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><circle cx="63.37" cy="105.34" r="17.99" fill="#d7598b" fill-rule="evenodd" clip-rule="evenodd"/><path fill="#d7598b" d="M99.56 10.44c-.46-.37-6.92-5.01-15.36-4.74c-6.82.22-13.45 3.13-18.3 7.66c-.21.19-1.02 1.17-2.33 1.45c-.41.09-.83.08-.83.08s-.34-.01-.68-.08c-1.24-.26-2.33-1.45-2.33-1.45c-4.85-4.53-11.48-7.44-18.3-7.66c-8.44-.27-14.89 4.38-15.36 4.75c-8.62 6.84-8.65 17.97-8.65 19.88c-.03 13.01 9.45 22.22 11.93 24.63c6.37 6.19 18.66 13.73 22.69 17.36c2.86 2.57 4.07 3.69 4.07 3.69c.11.11.84.86 1.87 1.82c1.44 1.35 2.02 1.78 2.69 2.15c.82.44 1.37.7 2.1.72v.01h.08v-.01c.73-.02 1.28-.27 2.1-.72c.67-.37 1.26-.8 2.69-2.15c1.02-.96 1.76-1.71 1.87-1.82c0 0 1.21-1.11 4.07-3.69c4.03-3.63 16.32-11.17 22.69-17.36c2.48-2.41 11.95-11.62 11.93-24.63c.01-1.92-.01-13.05-8.64-19.89"/><path fill="#fff" d="M27.17 27.71c-.27 0-.27-.04-.54-.11c-1.57-.45-1.79-2.24-1.34-3.81c1.23-4.29 3.26-7.33 5.86-9.24c3.59-2.64 7.32-3.09 9.87-2.98c1.63.07 2.86.92 2.79 2.55c-.07 1.62-1.37 2.04-2.95 2.3c-.55.09-4.09.4-7 2.93c-1.55 1.35-3.38 3.26-4.45 6.02c-.5 1.26-.96 2.34-2.24 2.34"/></svg>
Heart Exclamation アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="noto-v1:heart-exclamation" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto-v1:heart-exclamation" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto-v1:heart-exclamation" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto-v1--heart-exclamation]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto-v1 -->
<div class="i-noto-v1:heart-exclamation"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="noto-v1:heart-exclamation"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/noto-v1/heart-exclamation.svg" alt="Heart Exclamation アイコン" width="24" height="24">
他のアイコンセットの Heart Exclamation アイコン
Heart Exclamation アイコン のよくある質問
Heart Exclamation アイコンは商用利用でも無料ですか?
はい。Noto Emoji (v1) icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Heart Exclamation アイコンを使うには?
@iconify/react をインストールして <Icon icon="noto-v1:heart-exclamation" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Heart Exclamation アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/noto-v1/heart-exclamation.svg" alt="Heart Exclamation アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Noto Emoji (v1) アイコン をすべて見る →
ICONYZ
