Body Duotone アイコン

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

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

reicon:body-duotone

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="m7.046 18.061l2.382 2.803l6.156-18.71l-.264.124a.44.44 0 0 0-.171.142c-1.498 2.116-4.8 2.116-6.298 0a.44.44 0 0 0-.171-.142l-.264-.124a1.58 1.58 0 0 0-1.394.016c-.584.303-1.413.756-1.986 1.166a9 9 0 0 0-.468.363C3.52 4.566 2.996 5 3 5.69s.595 1.168 1.777 2.122l.208.167c.552.446.828.669.975.97s.147.643.147 1.328v5.263c0 .701 0 1.052.121 1.376c.12.324.353.598.818 1.145" clip-rule="evenodd"/><path d="M11.938 22h.124c.76 0 1.139 0 1.469-.15c.33-.149.567-.428 1.041-.986l2.382-2.803c.465-.547.697-.82.818-1.145c.12-.324.12-.675.12-1.376v-5.263c0-.685 0-1.027.148-1.328c.147-.301.423-.524.975-.97l.207-.167C20.405 6.858 20.996 6.38 21 5.69s-.52-1.124-1.568-1.99a9 9 0 0 0-.468-.364c-.573-.41-1.402-.863-1.986-1.166a1.58 1.58 0 0 0-1.394-.016l-6.156 18.71c.474.558.711.837 1.041.987c.33.149.71.149 1.469.149" opacity=".5"/></g></svg>

Body Duotone アイコンの使い方

React

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

<Icon icon="reicon:body-duotone" width="24" />

Vue

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

<template>
  <Icon icon="reicon:body-duotone" width="24" />
</template>

Svelte

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

<Icon icon="reicon:body-duotone" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="reicon:body-duotone"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/reicon/body-duotone.svg" alt="Body Duotone アイコン" width="24" height="24">

Reicon の関連アイコン

Body Duotone アイコンのよくある質問

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

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

React で Body Duotone アイコンを使うには?

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

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

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

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