Heart Lock アイコン

Q: Heart Lock アイコンは商用利用でも無料ですか?

はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

reicon:heart-lock

Heart Lock アイコン(reicon:heart-lock)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Reicon
作者: REICON
ライセンス: MIT
サイズ: 24 × 24
カテゴリ: いいね
タグ: heartlock

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12 11.25a.75.75 0 0 1 .75.75v2.5a.75.75 0 0 1-1.5 0V12a.75.75 0 0 1 .75-.75"/><path fill-rule="evenodd" d="M6.265 6.492q-.3.094-.587.22C3.66 7.606 2.25 9.687 2.25 12.1c0 2.361 1.017 4.157 2.337 5.596c1.056 1.151 2.348 2.114 3.483 2.96q.386.287.74.557c.461.351.96.73 1.466 1.016c.507.287 1.09.522 1.724.522s1.217-.235 1.724-.522s1.005-.665 1.466-1.016q.354-.27.74-.557c1.135-.846 2.427-1.809 3.483-2.96c1.32-1.439 2.337-3.235 2.337-5.596c0-2.413-1.41-4.494-3.428-5.386a6 6 0 0 0-.587-.221c-.094-1.576-.632-2.863-1.587-3.777C15.098 1.711 13.642 1.25 12 1.25s-3.098.461-4.148 1.465c-.955.914-1.493 2.2-1.587 3.777M7.79 6.25c1.381-.018 2.847.492 4.21 1.658c1.363-1.166 2.829-1.676 4.21-1.658c-.125-1.107-.529-1.905-1.099-2.45c-.697-.668-1.74-1.05-3.111-1.05c-1.37 0-2.414.382-3.111 1.05c-.57.545-.974 1.343-1.099 2.45M3.75 12.1c0-1.825 1.065-3.365 2.535-4.016c1.429-.632 3.352-.466 5.183 1.375a.75.75 0 0 0 1.064 0c1.83-1.841 3.754-2.007 5.183-1.375c1.47.65 2.535 2.19 2.535 4.015c0 1.877-.792 3.328-1.942 4.582c-.95 1.036-2.1 1.894-3.229 2.737q-.404.3-.8.601c-.474.362-.892.676-1.294.903c-.402.228-.72.328-.985.328c-.266 0-.583-.1-.985-.328c-.402-.227-.82-.541-1.294-.903a94 94 0 0 0-.8-.601c-1.128-.842-2.278-1.7-3.229-2.737c-1.15-1.254-1.942-2.705-1.942-4.582" clip-rule="evenodd"/></g></svg>

Heart Lock アイコンの使い方

React

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

<Icon icon="reicon:heart-lock" width="24" />

Vue

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

<template>
  <Icon icon="reicon:heart-lock" width="24" />
</template>

Svelte

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

<Icon icon="reicon:heart-lock" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--heart-lock]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:heart-lock"></div>

Web コンポーネント

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

<iconify-icon icon="reicon:heart-lock"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/reicon/heart-lock.svg" alt="Heart Lock アイコン" width="24" height="24">

Reicon の関連アイコン

他のアイコンセットの Heart Lock アイコン

Heart Lock アイコンのよくある質問

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

はい。Reicon icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Heart Lock アイコンを使うには?

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

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

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

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