Bladder アイコン

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

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

healthicons:bladder

Bladder アイコン(healthicons:bladder)は、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
カテゴリ: 体

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M9.758 8.705a.889.889 0 0 0-1.743.35c.07.312.171.626.294.948c.212.554.564 1.318 1.13 2.2c.86 1.337 2.205 2.931 4.287 4.475l.536.398l-.162.648a14.4 14.4 0 0 0-.433 3.422v.02c0 .706.09 1.308.25 1.837L14 23h20q.042 0 .083.003c.16-.529.25-1.13.25-1.836c0-1.296-.195-2.492-.433-3.443l-.162-.648l.536-.398c2.081-1.544 3.427-3.138 4.286-4.475c.651-1.013 1.198-2.08 1.423-3.144a.889.889 0 0 0-1.742-.354l-.002.013l-.004.015v.002c-.04.168-.303 1.158-1.17 2.507c-.82 1.276-2.194 2.892-4.465 4.446l-.378.259l-.443-.117c-1.947-.515-4.523-1.059-6.801-1.19h-.003a16 16 0 0 0-1.951 0h-.003c-2.278.132-4.854.675-6.8 1.19l-.443.117l-.378-.259c-2.27-1.554-3.644-3.17-4.465-4.446a10.3 10.3 0 0 1-.965-1.874a5 5 0 0 1-.206-.638l-.003-.012zm1.954-.429a2.889 2.889 0 0 0-5.656 1.18l.002.01l.003.01c.096.435.23.85.38 1.242c.257.67.668 1.558 1.316 2.566c.907 1.411 2.26 3.03 4.255 4.6a16.2 16.2 0 0 0-.345 3.258v.025c0 1.895.527 3.322 1.365 4.508c.797 1.126 1.862 2.008 2.858 2.832l.05.04c1.308 1.083 2.566 2.134 3.527 3.695c.947 1.54 1.644 3.648 1.644 6.87a2.889 2.889 0 0 0 5.778 0c0-3.222.697-5.33 1.644-6.87c.961-1.561 2.22-2.612 3.528-3.694l.049-.04c.996-.825 2.06-1.707 2.858-2.833c.838-1.186 1.365-2.613 1.365-4.508c0-1.206-.146-2.328-.345-3.282c1.995-1.571 3.348-3.19 4.255-4.6c.704-1.097 1.4-2.405 1.699-3.82l.002-.01a2.889 2.889 0 0 0-5.656-1.18c-.019.074-.222.822-.906 1.885c-.64.997-1.726 2.308-3.543 3.62c-1.95-.497-4.456-1.004-6.745-1.136a18 18 0 0 0-2.19 0c-2.288.132-4.793.64-6.743 1.135c-1.817-1.311-2.903-2.622-3.544-3.619a8.3 8.3 0 0 1-.779-1.506a3 3 0 0 1-.126-.378" clip-rule="evenodd"/></svg>

Bladder アイコンの使い方

React

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

<Icon icon="healthicons:bladder" width="24" />

Vue

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

<template>
  <Icon icon="healthicons:bladder" width="24" />
</template>

Svelte

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

<Icon icon="healthicons:bladder" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="healthicons:bladder"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/healthicons/bladder.svg" alt="Bladder アイコン" width="24" height="24">

Health Icons の関連アイコン

他のアイコンセットの Bladder アイコン

Bladder アイコンのよくある質問

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

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

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

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

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

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

Health Icons をすべて見る →