Stethoscope アイコン

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

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

vaadin:stethoscope

Stethoscope アイコン(vaadin:stethoscope)は、Vaadin Icons セットの無料 SVG アイコンです（作者: Vaadin）。 24 × 24 のグリッドで描かれています。 Vaadin Icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Vaadin Icons
作者: Vaadin
ライセンス: Apache-2.0
サイズ: 24 × 24

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M5.7 15.2c.3.3 1 .8 1.8.8c2.7 0 3.3-2 3.4-3.6c.2-2.3.8-2.2 1.1-2.2c.7 0 .9.4.9 1.1c-.6.4-1 1-1 1.7c0 1.1.9 2 2 2s2-.9 2-2s-.9-2-2-2h-.2c-.2-.9-.7-1.8-1.8-1.8c-1.6 0-2 1.4-2.1 2.9C9.7 14.2 9 15 7.5 15c-.4 0-.8-.2-1-.4c-.6-.5-.5-2.3-.5-2.3c2 0 4-1.8 4.7-4.8l-.2-.1c.3-1.2.5-2.6.5-3.6c0-1.1-.3-1.9-1-2.5S8.5.5 7.9.5C7.7.2 7.4 0 7 0c-.5 0-1 .4-1 1s.4 1 1 1c.4 0 .7-.2.8-.5q.75 0 1.5.6c.75.6.7.9.7 1.7c0 .9-.2 2.2-.5 3.5l-.2-.1C9 8.3 8 10.8 6 10.8H5c-2 0-3-2.5-3.3-3.6l-.2.1C1.2 6 1 4.7 1 3.8c0-.8.2-1.3.7-1.7c.4-.4 1-.5 1.5-.6c.1.3.4.5.8.5c.6 0 1-.4 1-1s-.4-1-1-1c-.4 0-.7.2-.9.5c-.6 0-1.4.2-2.1.8S0 2.7 0 3.8c0 1 .2 2.4.5 3.7l-.2.1C1 10.5 3 12.3 5 12.3c0 0-.1 2.2.7 2.9M14 14c-.6 0-1-.4-1-1s.4-1 1-1s1 .4 1 1s-.5 1-1 1"/></svg>

Stethoscope アイコンの使い方

React

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

<Icon icon="vaadin:stethoscope" width="24" />

Vue

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

<template>
  <Icon icon="vaadin:stethoscope" width="24" />
</template>

Svelte

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

<Icon icon="vaadin:stethoscope" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="vaadin:stethoscope"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/vaadin/stethoscope.svg" alt="Stethoscope アイコン" width="24" height="24">

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

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

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

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

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

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

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

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

Vaadin Icons をすべて見る →