Couple 48 アイコン
energy-icons:couple-48
Couple 48 アイコン(energy-icons:couple-48)は、Energy Icons セットの無料 SVG アイコンです（作者: Sam Passmore）。 48 × 48 のグリッドで描かれています。 Energy Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Energy Icons
- 作者
- Sam Passmore
- ライセンス
- MIT
- サイズ
- 48 × 48
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" d="M17 17.001a4 4 0 1 0-8.001.001A4 4 0 0 0 17 17.001m2 0A6 6 0 1 1 6.999 17A6 6 0 0 1 19 17.001m2 25c0-4-.965-7.024-2.43-9.02C17.116 31.002 15.154 30 13 30s-4.117 1.002-5.57 2.98C5.965 34.977 5 38 5 42a1 1 0 1 1-2 0c0-4.3 1.036-7.776 2.82-10.204C7.616 29.35 10.154 28 13 28s5.383 1.349 7.18 3.796C21.965 34.225 23 37.7 23 42a1 1 0 1 1-2 0m18-24.999a4 4 0 1 0-8.001.001A4 4 0 0 0 39 17.001m2 0A6 6 0 1 1 28.999 17A6 6 0 0 1 41 17.001m2 25c0-4-.965-7.024-2.43-9.02C39.116 31.002 37.154 30 35 30s-4.117 1.002-5.57 2.98C27.966 34.977 27 38 27 42a1 1 0 1 1-2 0c0-4.3 1.036-7.776 2.82-10.204C29.616 29.35 32.154 28 35 28s5.383 1.349 7.18 3.796C43.965 34.225 45 37.7 45 42a1 1 0 1 1-2 0M26.6 6.6a.79.79 0 0 0-.8-.8c-.412 0-.722.186-.968.555a1 1 0 0 1-1.664 0c-.247-.369-.556-.554-.968-.554a.79.79 0 0 0-.8.8c0 .35.134.755.412 1.204c.277.445.662.88 1.074 1.27c.4.376.803.691 1.114.916c.31-.225.714-.54 1.113-.917c.413-.39.799-.824 1.075-1.27c.279-.448.412-.853.412-1.203m2 0c0 .85-.316 1.62-.713 2.26c-.398.641-.913 1.207-1.4 1.667a13.4 13.4 0 0 1-1.948 1.517l-.012.007l-.003.002h-.002a1 1 0 0 1-.92.065l-.124-.064l-.002-.001l-.004-.002l-.01-.007l-.166-.107a13.4 13.4 0 0 1-1.782-1.41c-.488-.46-1.003-1.026-1.401-1.668c-.396-.638-.713-1.41-.713-2.258c0-1.724 1.422-2.8 2.8-2.8c.709 0 1.31.22 1.8.574a3.02 3.02 0 0 1 1.8-.574c1.379 0 2.8 1.077 2.8 2.8"/></svg>Couple 48 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="energy-icons:couple-48" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="energy-icons:couple-48" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="energy-icons:couple-48" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--couple-48]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:couple-48"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="energy-icons:couple-48"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/energy-icons/couple-48.svg" alt="Couple 48 アイコン" width="24" height="24">Energy Icons の関連アイコン
Couple 48 アイコン のよくある質問
Couple 48 アイコンは商用利用でも無料ですか?
はい。Energy Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Couple 48 アイコンを使うには?
@iconify/react をインストールして <Icon icon="energy-icons:couple-48" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Couple 48 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/energy-icons/couple-48.svg" alt="Couple 48 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。