Heartbeat アイコン
la:heartbeat
Heartbeat アイコン(la:heartbeat)は、Line Awesome セットの無料 SVG アイコンです（作者: Icons8）。 32 × 32 のグリッドで描かれています。 Line Awesome icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Line Awesome
- 作者
- Icons8
- ライセンス
- Apache-2.0
- サイズ
- 32 × 32
- カテゴリ
- 医療
- タグ
- heartbeat solid
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M10.781 5C6.492 5 3 8.3 3 12.36c0 .218.02.425.035.64H5.04a7 7 0 0 1-.039-.64C5 9.405 7.594 7 10.781 7c1.457 0 2.848.504 3.918 1.418L16 9.531l1.3-1.113C18.368 7.504 19.759 7 21.22 7C24.406 7 27 9.406 27 12.36c0 5.12-4.824 8.156-8.703 10.597c-.887.555-1.664 1.047-2.297 1.512c-.633-.465-1.41-.957-2.297-1.512c-1.808-1.137-3.82-2.406-5.457-3.957H5.531c1.98 2.41 4.785 4.188 7.11 5.652c.972.61 1.808 1.137 2.402 1.602c0 0 .95.738.957.746c.004-.008.953-.746.953-.746c.594-.465 1.43-.992 2.406-1.602C23.426 22.09 29 18.586 29 12.36C29 8.301 25.508 5 21.219 5c-1.95 0-3.797.68-5.219 1.898C14.578 5.68 12.727 5 10.781 5m1.188 4.387l-2.336 5.832L9.414 15H3v2h5.586l1.777 1.781l1.668-4.168l3 7l2.07-5.175l.282.562h1.887A1.999 1.999 0 0 0 23 16a1.999 1.999 0 0 0-3.73-1h-.653l-1.719-3.438l-1.93 4.825z"/></svg>
Heartbeat アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="la:heartbeat" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="la:heartbeat" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="la:heartbeat" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[la--heartbeat]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/la -->
<div class="i-la:heartbeat"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="la:heartbeat"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/la/heartbeat.svg" alt="Heartbeat アイコン" width="24" height="24">
他のアイコンセットの Heartbeat アイコン
Heartbeat アイコン のよくある質問
Heartbeat アイコンは商用利用でも無料ですか?
はい。Line Awesome icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Heartbeat アイコンを使うには?
@iconify/react をインストールして <Icon icon="la:heartbeat" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Heartbeat アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/la/heartbeat.svg" alt="Heartbeat アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Line Awesome アイコン をすべて見る →
ICONYZ
