ICONYZ
日本語
Health Icons の Waist Circumference アイコン

Waist Circumference アイコン

healthicons:waist-circumference

Waist Circumference アイコン(healthicons:waist-circumference)は、Health Icons セットの無料 SVG アイコンです(作者: Resolve to Save Lives)。 48 × 48 のグリッドで描かれています。 Health Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Health Icons
作者
Resolve to Save Lives
ライセンス
MIT
サイズ
48 × 48
カテゴリ
記号
タグ
waistcircumference
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" d="M23.834 12a4 4 0 1 0 0-8a4 4 0 0 0 0 8m7.124 15.133a2 2 0 0 1-.148.636c2.348-.171 4.316-.427 5.683-.739q.19-.043.365-.088c1.094-.28 1.714-.601 1.714-.942s-.62-.661-1.714-.942q-.175-.045-.365-.088q-.66-.15-1.493-.282V26.7l-3-3l3-3v1.965c1.187.176 2.235.392 3.044.654c.438.143.927.336 1.346.617c.329.221 1.182.878 1.182 2.064s-.853 1.843-1.182 2.064c-.42.281-.908.475-1.346.617c-.904.293-2.107.528-3.468.715c-2.752.377-6.49.604-10.576.604c-4.085 0-7.823-.227-10.575-.604c-1.362-.187-2.565-.422-3.469-.715c-.438-.142-.926-.336-1.345-.617c-.33-.22-1.182-.878-1.182-2.064s.852-1.843 1.182-2.064c.419-.281.907-.474 1.345-.617c.905-.293 2.107-.528 3.469-.715q.448-.06.93-.117l.283 1.98c-1.234.143-2.295.313-3.13.503q-.191.043-.365.088c-1.094.28-1.714.602-1.714.942s.62.661 1.713.942q.176.045.366.088c1.3.296 3.142.543 5.34.713a2 2 0 0 1-.139-.61l-.704-10.573c-.087-1.3 1.072-2.338 2.359-2.14c1.78.273 4.085.58 5.47.58s3.69-.307 5.47-.58c1.287-.198 2.446.84 2.36 2.14zm-13.124 4.593V42a2 2 0 0 0 3.994.153l.782-10.166a63 63 0 0 1-4.776-.261m7.224.266l.782 10.161A2 2 0 0 0 29.834 42V31.756a65 65 0 0 1-4.776.236"/></svg>

Waist Circumference アイコンの使い方

React

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

<Icon icon="healthicons:waist-circumference" width="24" />

Vue

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

<template>
  <Icon icon="healthicons:waist-circumference" width="24" />
</template>

Svelte

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

<Icon icon="healthicons:waist-circumference" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[healthicons--waist-circumference]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/healthicons -->
<div class="i-healthicons:waist-circumference"></div>

Web コンポーネント

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

<iconify-icon icon="healthicons:waist-circumference"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/healthicons/waist-circumference.svg" alt="Waist Circumference アイコン" width="24" height="24">

Health Icons の関連アイコン

Waist Circumference アイコン のよくある質問

Waist Circumference アイコンは商用利用でも無料ですか?

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

React で Waist Circumference アイコンを使うには?

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

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

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

Health Icons をすべて見る →