ICONYZ
日本語
Solar の Heart Crack Bold Duotone アイコン

Heart Crack Bold Duotone アイコン

solar:heart-crack-bold-duotone

Heart Crack Bold Duotone アイコン(solar:heart-crack-bold-duotone)は、Solar セットの無料 SVG アイコンです(作者: 480 Design)。 24 × 24 のグリッドで描かれています。 Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Solar
作者
480 Design
ライセンス
CC-BY-4.0
サイズ
24 × 24
カテゴリ
いいね
タグ
heartcrack、crackbold、boldduotone、heartcrackboldduotone
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M15.0383 18.9109C17.9806 16.5914 22 14 22 9.1371C22 4.27416 16.4998 0.825464 12 5.50063L10.8822 7.73568C10.6998 8.10049 10.6086 8.28289 10.6531 8.46199C10.6975 8.64109 10.8635 8.75963 11.1954 8.99671L13.111 10.365C13.5268 10.662 13.7346 10.8105 13.7612 11.029C13.7878 11.2476 13.6215 11.4416 13.289 11.8295L11.6027 13.7969C11.3168 14.1305 11.1738 14.2972 11.1813 14.493C11.1888 14.6888 11.3442 14.8442 11.6548 15.1548L12.5996 16.0996C12.7952 16.2952 12.893 16.393 12.9281 16.5199C12.9633 16.6469 12.9298 16.781 12.8627 17.0493L12 20.5C13 20.5 14 19.7294 15.0383 18.9109Z"/><path d="M8.10627 18.2468C5.29819 16.0833 2 13.5422 2 9.1371C2 4.27416 7.50016 0.825464 12 5.50063L10.8822 7.73568C10.6998 8.10049 10.6086 8.28289 10.6531 8.46199C10.6975 8.64109 10.8635 8.75963 11.1954 8.99671L13.111 10.365C13.5268 10.662 13.7346 10.8105 13.7612 11.029C13.7878 11.2476 13.6215 11.4416 13.289 11.8295L11.6027 13.7969C11.3168 14.1305 11.1738 14.2972 11.1813 14.493C11.1888 14.6888 11.3442 14.8442 11.6548 15.1548L12.5996 16.0996C12.7952 16.2952 12.893 16.393 12.9281 16.5199C12.9633 16.6469 12.9298 16.781 12.8627 17.0493L12 20.5C11 20.5 10 19.7294 8.96173 18.9109C8.68471 18.6925 8.39814 18.4717 8.10627 18.2468Z" opacity=".5"/></g></svg>

Heart Crack Bold Duotone アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="solar:heart-crack-bold-duotone" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="solar:heart-crack-bold-duotone" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="solar:heart-crack-bold-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--heart-crack-bold-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:heart-crack-bold-duotone"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="solar:heart-crack-bold-duotone"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/heart-crack-bold-duotone.svg" alt="Heart Crack Bold Duotone アイコン" width="24" height="24">

Solar の関連アイコン

Heart Crack Bold Duotone アイコン のよくある質問

Heart Crack Bold Duotone アイコンは商用利用でも無料ですか?

はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Heart Crack Bold Duotone アイコンを使うには?

@iconify/react をインストールして <Icon icon="solar:heart-crack-bold-duotone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Heart Crack Bold Duotone アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/heart-crack-bold-duotone.svg" alt="Heart Crack Bold Duotone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Solar アイコン をすべて見る →