Labor Delivery アイコン

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

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

medical-icon:labor-delivery

Labor Delivery アイコン(medical-icon:labor-delivery)は、Medical Icons セットの無料 SVG アイコンです（作者: Samuel Frémondière）。 64 × 64 のグリッドで描かれています。 Medical Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Medical Icons
作者: Samuel Frémondière
ライセンス: MIT
サイズ: 64 × 64
タグ: labordelivery

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="currentColor" d="M55.549.204H8.763C4.179.204.449 3.934.449 8.519v46.782c0 4.586 3.73 8.315 8.314 8.315h46.786c4.584 0 8.314-3.729 8.314-8.315V8.519c0-4.585-3.729-8.315-8.314-8.315M32.116 6.927c3.372 0 6.108 2.713 6.108 6.059s-2.736 6.061-6.108 6.061s-6.11-2.714-6.11-6.061s2.738-6.059 6.11-6.059m16.537 40.372c-1.368.392-2.767-.296-3.126-1.55l-4.678-16.328l-2.281-.003l7.474 26.053H18.189l7.476-26.053l-2.284.003l-4.675 16.328c-.36 1.254-1.76 1.942-3.125 1.55c-1.368-.392-2.233-1.588-1.774-3.153l4.811-16.753c1.921-6.695 7.527-6.486 7.527-6.486h11.944s5.603-.209 7.528 6.486l4.809 16.753c.46 1.565-.405 2.761-1.773 3.153"/><path fill="currentColor" d="M32.118 35.861a9.033 9.033 0 1 0 0 18.063c4.985 0 9.028-4.044 9.028-9.032a9.03 9.03 0 0 0-9.028-9.031m3.962 9.855c-.214.454-1.356 2.862-1.589 3.346a2.72 2.72 0 0 1-3.617 1.291c-.439-.212-.777-.536-1.059-.893c-.429-.542-.717-1.987-.717-1.987c-.451.318-1.603 1.044-2.08 1.383a.964.964 0 0 1-1.339-.234a.96.96 0 0 1 .23-1.338c.686-.48 2.589-1.773 2.589-1.773a1.276 1.276 0 0 1 1.783.308l.808 1.641l1.284-2.596l-1.122-.328a.93.93 0 0 1-.569-.468l-1.101-2.114a.936.936 0 0 1 1.66-.865l.917 1.763l3.064.893a1 1 0 0 1 .346.205a1.39 1.39 0 0 1 .513 1.767zm.867-4.051a2.17 2.17 0 0 1-2.887 1.029a2.166 2.166 0 0 1-1.033-2.89a2.17 2.17 0 0 1 3.92 1.862z"/></svg>

Labor Delivery アイコンの使い方

React

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

<Icon icon="medical-icon:labor-delivery" width="24" />

Vue

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

<template>
  <Icon icon="medical-icon:labor-delivery" width="24" />
</template>

Svelte

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

<Icon icon="medical-icon:labor-delivery" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[medical-icon--labor-delivery]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/medical-icon -->
<div class="i-medical-icon:labor-delivery"></div>

Web コンポーネント

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

<iconify-icon icon="medical-icon:labor-delivery"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/medical-icon/labor-delivery.svg" alt="Labor Delivery アイコン" width="24" height="24">

Medical Icons の関連アイコン

Labor Delivery アイコンのよくある質問

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

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

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

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

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

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

Medical Icons をすべて見る →