ICONYZ
日本語
Material Symbols Light の Respiratory Rate Outline アイコン

Respiratory Rate Outline アイコン

material-symbols-light:respiratory-rate-outline

Respiratory Rate Outline アイコン(material-symbols-light:respiratory-rate-outline)は、Material Symbols Light セットの無料 SVG アイコンです(作者: Google)。 24 × 24 のグリッドで描かれています。 Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Material Symbols Light
作者
Google
ライセンス
Apache-2.0
サイズ
24 × 24
カテゴリ
ソーシャル
タグ
respiratoryrate、rateoutline、respiratoryrateoutline
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m15.042 17.6l1.458-1.444V15v1.156zm3.897 0L17.5 16.137V15v1.137zM3 9.116V6.613q0-.688.463-1.15T4.615 5h14.77q.69 0 1.152.463T21 6.616v5.5h-1v-5.5q0-.231-.192-.424T19.385 6H4.615q-.23 0-.423.192T4 6.616v2.5zM4.616 19q-.691 0-1.153-.462T3 17.387v-2.502h1v2.5q0 .23.192.423t.423.192h5.5v1zM7 16.5q-.16 0-.275-.06q-.115-.061-.183-.202L4.682 12.5H3v-1h2q.134 0 .256.07t.182.21L7 14.886l3.542-7.104q.064-.115.191-.173T11 7.55t.26.058t.179.173l2.205 4.417q-.255.05-.49.13t-.437.23l-1.736-3.423l-3.542 7.104q-.068.14-.187.2q-.12.061-.252.061m5.923 5.5q-.385 0-.654-.27T12 21.078v-3.156l1.248-3.236q.117-.303.382-.494q.266-.191.59-.191h2.28v-2.5h1V14h2.242q.32 0 .581.19q.261.189.39.476L22 17.92v3.156q0 .385-.27.654t-.653.269h-2.23q-.386 0-.655-.27t-.269-.653v-1.461h1V21H21v-2.902L19.78 15H17.5v1.137l1.439 1.463l-.708.708l-1.24-1.25l-1.241 1.25l-.708-.708l1.458-1.444V15h-2.32L13 18.098V21h2.077v-1.384h1V21q0 .417-.292.708q-.291.292-.708.292zM17 18"/></svg>

Respiratory Rate Outline アイコンの使い方

React

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

<Icon icon="material-symbols-light:respiratory-rate-outline" width="24" />

Vue

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

<template>
  <Icon icon="material-symbols-light:respiratory-rate-outline" width="24" />
</template>

Svelte

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

<Icon icon="material-symbols-light:respiratory-rate-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--respiratory-rate-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:respiratory-rate-outline"></div>

Web コンポーネント

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

<iconify-icon icon="material-symbols-light:respiratory-rate-outline"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/material-symbols-light/respiratory-rate-outline.svg" alt="Respiratory Rate Outline アイコン" width="24" height="24">

Material Symbols Light の関連アイコン

他のアイコンセットの Respiratory Rate Outline アイコン

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

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

はい。Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

Material Symbols Light アイコン をすべて見る →