Body Shape Outline アイコン

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

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

solar:body-shape-outline

Body Shape Outline アイコン(solar:body-shape-outline)は、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
カテゴリ: スポーツ
タグ: bodyshape、shapeoutline、bodyshapeoutline

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M3.70572 1.31034C4.08671 1.14781 4.52733 1.32492 4.68985 1.70591L4.00025 2.00009C4.68985 1.70591 4.6898 1.70577 4.68985 1.70591L4.69056 1.70758L4.692 1.71095L4.69699 1.72277L4.71515 1.76624C4.73077 1.80387 4.75326 1.85858 4.78163 1.92903C4.83837 2.06991 4.91871 2.27389 5.01478 2.53018C5.20677 3.04236 5.46236 3.76558 5.71804 4.61316C6.19902 6.20758 6.69546 8.29057 6.74582 10.2502H17.2542C17.3045 8.29057 17.801 6.20758 18.282 4.61316C18.5376 3.76558 18.7932 3.04236 18.9852 2.53018C19.0813 2.27389 19.1616 2.06991 19.2184 1.92903C19.2467 1.85858 19.2692 1.80387 19.2849 1.76624L19.303 1.72277L19.308 1.71095L19.3094 1.70758L19.3099 1.70653C19.3099 1.70639 19.3101 1.70591 20 2.00019L19.3099 1.70653C19.4724 1.32553 19.9133 1.14781 20.2943 1.31034C20.6752 1.47285 20.8523 1.91336 20.6899 2.29433L20.6891 2.29626L20.6855 2.30475L20.6702 2.34135C20.6565 2.37429 20.6361 2.4241 20.6098 2.48943C20.5571 2.62011 20.4812 2.81275 20.3898 3.05667C20.2068 3.54491 19.9624 4.23647 19.718 5.04637C19.2254 6.6794 18.75 8.73952 18.75 10.5716C18.75 11.6305 19.1082 12.539 19.656 13.5279C19.8445 13.8681 20.0655 14.2317 20.3001 14.6177C20.8141 15.4631 21.393 16.4155 21.8363 17.462C22.3695 18.7206 22.75 20.1846 22.75 22.0002C22.75 22.4144 22.4142 22.7502 22 22.7502C21.5858 22.7502 21.25 22.4144 21.25 22.0002C21.25 20.5096 20.96 19.3045 20.5413 18.2564C15.1471 18.4033 13.0815 21.1273 12.7115 22.2374C12.6094 22.5436 12.3228 22.7502 12 22.7502C11.6772 22.7502 11.3906 22.5436 11.2885 22.2374C10.9185 21.1273 8.85291 18.4033 3.45871 18.2564C3.03996 19.3045 2.75 20.5096 2.75 22.0002C2.75 22.4144 2.41421 22.7502 2 22.7502C1.58579 22.7502 1.25 22.4144 1.25 22.0002C1.25 20.1846 1.63049 18.7206 2.16368 17.462C2.60702 16.4155 3.18593 15.4631 3.69986 14.6177C3.93446 14.2317 4.15551 13.8681 4.34395 13.5279C4.89176 12.539 5.25 11.6305 5.25 10.5716C5.25 8.73952 4.77458 6.6794 4.28196 5.04637C4.03764 4.23647 3.79323 3.54491 3.61022 3.05667C3.51878 2.81275 3.44288 2.62011 3.39024 2.48943C3.36393 2.4241 3.34345 2.37429 3.32977 2.34135L3.31449 2.30475L3.3109 2.29626L3.31017 2.29452C3.14775 1.91356 3.32477 1.47285 3.70572 1.31034ZM4.16148 16.7878C8.37156 17.0665 10.8303 18.8419 12 20.4377C13.1697 18.8419 15.6284 17.0665 19.8385 16.7878C19.599 16.3533 19.3479 15.9416 19.0947 15.5265C18.8435 15.1147 18.5902 14.6994 18.3439 14.2548C18.2513 14.0877 18.1613 13.9184 18.0752 13.7465C18.0505 13.7489 18.0254 13.7502 18 13.7502H6C5.97462 13.7502 5.94953 13.7489 5.9248 13.7465C5.8387 13.9184 5.74865 14.0877 5.65608 14.2548C5.40979 14.6994 5.15649 15.1147 4.90532 15.5265C4.6521 15.9416 4.40103 16.3533 4.16148 16.7878ZM6.51666 12.2502H17.4833C17.4377 12.0869 17.3978 11.9203 17.3645 11.7502H6.63547C6.60217 11.9203 6.56228 12.0869 6.51666 12.2502Z" clip-rule="evenodd"/></svg>

Body Shape Outline アイコンの使い方

React

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

<Icon icon="solar:body-shape-outline" width="24" />

Vue

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

<template>
  <Icon icon="solar:body-shape-outline" width="24" />
</template>

Svelte

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

<Icon icon="solar:body-shape-outline" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="solar:body-shape-outline"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/body-shape-outline.svg" alt="Body Shape Outline アイコン" width="24" height="24">

Solar の関連アイコン

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

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

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

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

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

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

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

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