Body Bold Duotone アイコン

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

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

solar:body-bold-duotone

Body Bold Duotone アイコン(solar:body-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
カテゴリ: UI
タグ: bodybold、boldduotone、bodyboldduotone

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.04634 18.0611L9.42782 20.8641L15.584 2.15357L15.32 2.27785C15.2507 2.31047 15.1916 2.35956 15.1487 2.42026C13.6508 4.53585 10.3492 4.53585 8.85134 2.42026C8.80836 2.35956 8.74931 2.31047 8.68001 2.27785L8.41603 2.15357C7.97468 1.94578 7.45452 1.94644 7.02213 2.1703C6.43826 2.47259 5.60851 2.92561 5.03581 3.33647C4.88401 3.44537 4.7268 3.56815 4.56811 3.6994C3.51976 4.5665 2.99558 5.00004 3.00003 5.69048C3.00447 6.38092 3.59546 6.85789 4.77744 7.81185L4.98478 7.97919C5.53703 8.4249 5.81316 8.64776 5.96019 8.94876C6.10722 9.24977 6.10722 9.59221 6.10722 10.2771V15.5403C6.10722 16.2412 6.10722 16.5917 6.22802 16.9159C6.34881 17.2402 6.58132 17.5138 7.04634 18.0611Z" clip-rule="evenodd"/><path d="M11.9376 22H12.0622C12.8212 22 13.2008 22 13.5308 21.8506C13.8608 21.7013 14.0979 21.4222 14.5721 20.8641L16.9536 18.0611C17.4186 17.5138 17.6511 17.2402 17.7719 16.9159C17.8927 16.5917 17.8927 16.2412 17.8927 15.5403V10.2771C17.8927 9.59221 17.8927 9.24977 18.0397 8.94876C18.1868 8.64776 18.4629 8.4249 19.0151 7.97919L19.2225 7.81185C20.4044 6.85789 20.9954 6.38092 20.9999 5.69048C21.0043 5.00004 20.4802 4.5665 19.4318 3.6994C19.2731 3.56815 19.1159 3.44537 18.9641 3.33647C18.3914 2.92561 17.5617 2.47259 16.9778 2.1703C16.5454 1.94644 16.0252 1.94578 15.5839 2.15357L9.42773 20.8641C9.90191 21.4222 10.139 21.7013 10.469 21.8506C10.7991 22 11.1786 22 11.9376 22Z" opacity=".5"/></g></svg>

Body Bold Duotone アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Solar の関連アイコン

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

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

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

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

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

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

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

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