Respiratory アイコン

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

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

medical-icon:respiratory

Respiratory アイコン(medical-icon:respiratory)は、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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="currentColor" d="M34.425 37.999c.275-.141.469-.382.557-.674a1.1 1.1 0 0 0-.069-.866a1.176 1.176 0 0 0-1.548-.487a1.143 1.143 0 0 0 .531 2.159c.185 0 .371-.043.53-.132zm-2.044-10.265c-.627 0-1.14.514-1.14 1.143a1.146 1.146 0 0 0 2.291 0c0-.63-.513-1.143-1.151-1.143m1.114 5.071c-.151-.602-.778-.99-1.379-.84a1.1 1.1 0 0 0-.708.513a1.14 1.14 0 0 0-.142.866c.133.513.584.876 1.115.876a1.147 1.147 0 0 0 1.115-1.416zm-5.946 2.962c-4.156-.149-6.534 9.197-5.103 17.924c.734 3.923 3.052-.097 4.993-.425c2.148-.362 3.356-.612 3.458-1.734c.373-4.08-1.187-15.686-3.347-15.766zm-3.627 7.567a1.16 1.16 0 0 1 1.531-.522a1.16 1.16 0 0 1 .521 1.54a1.15 1.15 0 0 1-1.035.636a1.15 1.15 0 0 1-1.078-.777a1.12 1.12 0 0 1 .061-.876zm-.982 4.62a1.15 1.15 0 0 1 .301-.824c.213-.23.496-.353.797-.372c.681 0 1.168.487 1.194 1.097a1.15 1.15 0 0 1-1.097 1.194h-.043a1.15 1.15 0 0 1-1.151-1.096zm3.451 4.203c-.08.301-.266.548-.522.707c-.178.107-.38.159-.593.159a1.143 1.143 0 0 1-1.115-1.415c.08-.301.265-.548.522-.708c.522-.309 1.256-.123 1.574.399c.159.255.204.567.133.859zm2.195-12.132a1.155 1.155 0 0 1-.275 1.602a1.17 1.17 0 0 1-.664.203a1.15 1.15 0 0 1-.939-.486a1.1 1.1 0 0 1-.185-.85c.052-.301.213-.565.468-.743c.496-.355 1.239-.221 1.593.275zm2.813-4.052c-.539-.283-1.256-.054-1.54.487a1.14 1.14 0 0 0 1.009 1.671c.434 0 .823-.23 1.016-.61c.141-.275.169-.584.081-.876a1.15 1.15 0 0 0-.567-.672zm-.159-11.299a1.145 1.145 0 1 0 2.29.007a1.145 1.145 0 0 0-2.29-.007"/><path fill="currentColor" d="M55.784.281H8.785C4.18.281.433 4.028.433 8.634v46.998c0 4.608 3.747 8.354 8.352 8.354h46.999c4.605 0 8.354-3.746 8.354-8.354V8.634c0-4.606-3.748-8.353-8.353-8.353zm-.382 56.888l-7.865.004V43.93h-2.373v13.243l-25.65-.004v-13.24H17.2v13.24l-8.037.004V41.88c0-5.48 4.778-10.843 12.08-10.837h6.352v-1.452h-1.563a3.93 3.93 0 0 1-3.931-3.932v-1.201c.404-.119.726-.444.804-.873a1.133 1.133 0 0 0-.904-1.336a1.14 1.14 0 0 0-1.244.622a.803.803 0 0 1-.735-1.115l2.079-5.247s.218-2.175.411-3.004c.866-3.743 5.037-7.139 9.563-7.139c5.508 0 9.972 4.464 9.972 9.974a9.96 9.96 0 0 1-3.813 7.839v6.863h5.864c7.18-.005 11.309 5.225 11.309 9.394l-.006 16.734z"/><path fill="currentColor" d="M27.922 19.921v-.026c.522-.062.947-.496.99-1.035a1.16 1.16 0 0 0-.264-.842a1.16 1.16 0 0 0-.779-.398l-.097-.009a1.16 1.16 0 0 0-1.142 1.052a1.15 1.15 0 0 0 1.044 1.239l.249.017zM37.193 35.8c-2.157.079-3.719 11.687-3.346 15.764c.102 1.125 1.312 1.376 3.46 1.739c1.941.327 4.149 4.126 4.993.424c1.433-8.726-.943-18.071-5.106-17.926zm.859 5.544a1.15 1.15 0 0 1-.938.485a1.17 1.17 0 0 1-.663-.202a1.156 1.156 0 0 1-.273-1.602c.352-.496 1.097-.629 1.591-.275c.514.363.638 1.08.283 1.593zm2.416 11.131a1.16 1.16 0 0 1-.981.548c-.204 0-.408-.052-.584-.159a1.1 1.1 0 0 1-.522-.707a1.13 1.13 0 0 1 .123-.867c.32-.513 1.054-.708 1.576-.391c.539.328.715 1.026.389 1.576zm1.354-4.521a1.146 1.146 0 0 1-1.141 1.096h-.045a1.2 1.2 0 0 1-.805-.372a1.16 1.16 0 0 1-.301-.823a1.15 1.15 0 0 1 1.151-1.097c.672.028 1.168.558 1.141 1.196m-.982-4.62a1.14 1.14 0 0 1-.513 1.531a1.14 1.14 0 0 1-1.531-.513a1.12 1.12 0 0 1-.062-.876c.099-.292.301-.522.575-.664a1.16 1.16 0 0 1 1.531.522m-17.732-24.44a1.1 1.1 0 0 0-.432.762c-.036.301.043.601.239.84a1.13 1.13 0 0 0 1.602.196c.247-.187.398-.462.432-.762a1.14 1.14 0 0 0-.239-.849c-.372-.479-1.124-.567-1.602-.187m8.229 2.93c.239 0 .468-.071.664-.204a1.155 1.155 0 0 0 .275-1.602c-.354-.494-1.097-.627-1.593-.273a1.12 1.12 0 0 0-.468.743c-.054.301.017.602.193.849c.212.311.558.487.93.487z"/></svg>

Respiratory アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="medical-icon:respiratory"></iconify-icon>

HTML 画像

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

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

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

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

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

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

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

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

Medical Icons をすべて見る →