Heart Crack Line アイコン
mingcute:heart-crack-line
Heart Crack Line アイコン(mingcute:heart-crack-line)は、MingCute Icon セットの無料 SVG アイコンです（作者: MingCute Design）。 24 × 24 のグリッドで描かれています。 MingCute Icon icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- MingCute Icon
- 作者
- MingCute Design
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- タグ
- heartcrack、crackline、heartcrackline
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m3.002 10.37l1-.022zM12 5.706l-.73.683l.73.781l.73-.78zm8.998 4.666l1 .022zm-10.807 8.8l.511-.86zm3.618 0l-.511-.86zM12.753 6.368a1 1 0 1 0-1.506-1.316L12 5.71zM10 8l-.753-.658a1 1 0 0 0 .046 1.365zm3 3l.832.555a1 1 0 0 0-.125-1.262zm-2.832 2.445a1 1 0 0 0 1.664 1.11L11 14zm1.103 6.346l-.491.87zm1.458 0l.491.87zm-9.727-9.42l1-.023c-.05-2.217 1.094-4.02 2.563-4.848c1.412-.797 3.183-.739 4.705.888l.73-.683l.73-.683c-2.17-2.32-4.955-2.501-7.148-1.264c-2.136 1.205-3.646 3.709-3.58 6.635zm17.996 0l1 .022c.066-2.926-1.444-5.43-3.58-6.635c-2.193-1.237-4.978-1.056-7.148 1.264l.73.683l.73.683c1.522-1.627 3.293-1.685 4.705-.888c1.47.828 2.613 2.63 2.563 4.848zm-9.727 9.42l.492-.87a81 81 0 0 1-1.061-.61l-.51.86l-.511.86c.285.17.726.42 1.099.63zm-1.08-.62l.511-.86c-4.66-2.768-6.644-5.45-6.7-7.963l-1 .023l-1 .022c.081 3.61 2.89 6.794 7.679 9.638zm2.538.62l.491.87c.373-.21.814-.46 1.1-.63l-.511-.86l-.511-.86c-.264.157-.687.398-1.06.61zm1.08-.62l.51.86c4.788-2.844 7.598-6.029 7.679-9.638l-1-.022l-1-.023c-.056 2.512-2.04 5.195-6.7 7.963zM12 5.71l-.753-.658l-2 2.29L10 8l.753.658l2-2.29zM10 8l-.707.707l3 3L13 11l.707-.707l-3-3zm3 3l-.832-.555l-2 3L11 14l.832.555l2-3zm-1.729 8.79l-.491.872a2.48 2.48 0 0 0 2.44 0l-.491-.871l-.492-.87a.48.48 0 0 1-.474 0z"/></svg>
Heart Crack Line アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="mingcute:heart-crack-line" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mingcute:heart-crack-line" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mingcute:heart-crack-line" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mingcute--heart-crack-line]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mingcute -->
<div class="i-mingcute:heart-crack-line"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mingcute:heart-crack-line"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/mingcute/heart-crack-line.svg" alt="Heart Crack Line アイコン" width="24" height="24">
Heart Crack Line アイコン のよくある質問
Heart Crack Line アイコンは商用利用でも無料ですか?
はい。MingCute Icon icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Heart Crack Line アイコンを使うには?
@iconify/react をインストールして <Icon icon="mingcute:heart-crack-line" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Heart Crack Line アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/mingcute/heart-crack-line.svg" alt="Heart Crack Line アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
MingCute Icon アイコン をすべて見る →
ICONYZ
