Heart Pulse Duotone アイコン
reicon:heart-pulse-duotone
Heart Pulse Duotone アイコン(reicon:heart-pulse-duotone)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M2 9.26c0 3.748 4.02 7.711 6.962 10.11C10.294 20.458 10.96 21 12 21s1.706-.543 3.038-1.63C17.981 16.972 22 13.009 22 9.26C22 3.35 16.5.663 12 5.5C7.5.663 2 3.349 2 9.26" opacity=".5"/><path d="M10.093 10.747q.133-.191.23-.325c.056.097.119.21.194.348l1.71 3.109c.166.302.33.598.493.813c.175.23.482.546.975.555s.813-.294.996-.518c.172-.208.345-.498.523-.794l.055-.092c.221-.368.36-.598.483-.764c.113-.154.179-.204.228-.231s.125-.058.315-.077c.206-.02.474-.02.904-.02H18a.75.75 0 0 0 0-1.5h-.834c-.387 0-.73 0-1.016.027a2.2 2.2 0 0 0-.91.264a2.2 2.2 0 0 0-.694.644c-.171.232-.347.525-.546.857l-.048.08c-.087.144-.159.264-.224.368l-.21-.377l-1.709-3.108c-.154-.28-.307-.56-.463-.764c-.17-.224-.462-.52-.93-.545c-.467-.025-.789.237-.982.442c-.177.186-.36.448-.543.71l-.31.442c-.227.324-.37.526-.493.672a.8.8 0 0 1-.223.203c-.046.024-.118.05-.293.066c-.19.018-.438.018-.834.018H6a.75.75 0 0 0 0 1.5h.768c.357 0 .674 0 .94-.024c.29-.026.571-.085.85-.23c.28-.145.489-.343.676-.564c.173-.205.354-.464.559-.757z"/></g></svg>Heart Pulse Duotone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:heart-pulse-duotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:heart-pulse-duotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:heart-pulse-duotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--heart-pulse-duotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:heart-pulse-duotone"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:heart-pulse-duotone"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/reicon/heart-pulse-duotone.svg" alt="Heart Pulse Duotone アイコン" width="24" height="24">Reicon の関連アイコン
heart
heart-add
heart-add-filled
heart-broken
heart-broken-duotone
heart-broken-filled
heart-circle
heart-circle-filled
heart-circle3
heart-circle3-filled
heart-duotone
heart-edit
heart-edit-filled
heart-filled
heart-hand
heart-hand-filled
heart-lock
heart-lock-duotone
heart-lock-filled
heart-off
heart-off-filled
heart-pulse
heart-pulse-filled
heart-pulse2
他のアイコンセットの Heart Pulse Duotone アイコン
Heart Pulse Duotone アイコン のよくある質問
Heart Pulse Duotone アイコンは商用利用でも無料ですか?
はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Heart Pulse Duotone アイコンを使うには?
@iconify/react をインストールして <Icon icon="reicon:heart-pulse-duotone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Heart Pulse Duotone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/reicon/heart-pulse-duotone.svg" alt="Heart Pulse Duotone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。