ICONYZ
日本語
Health Icons の Stent アイコン

Stent アイコン

healthicons:stent

Stent アイコン(healthicons:stent)は、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"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M27.623 7.12a21 21 0 0 0-7.246 0L17 7.71v2.191a9.3 9.3 0 0 1-.903 4l-.42.882A17.3 17.3 0 0 0 14 22.212v.074c0 3.213.716 6.386 2.097 9.288l.323.678c.382.803.58 1.68.58 2.57v3.467l1.652.29c3.538.62 7.158.62 10.696 0l1.652-.29v-2.716c0-1.383.308-2.75.903-4A21.6 21.6 0 0 0 34 22.287v-.074c0-2.57-.573-5.108-1.677-7.429l-.743-1.56a6 6 0 0 1-.58-2.57V7.71zm-3.61 9.41l-2.546-3.887l-3.799 5.585l3.03 4.546l-3.03 4.454l3.79 5.687l2.573-3.928l2.617 3.928l3.698-5.643l-2.95-4.5l2.95-4.5l-3.689-5.628zm1.875 6.245l-1.857-2.787l-1.825 2.784l1.808 2.758zm-4.456-6.419l-1.28 1.882l1.29 1.934l1.245-1.9zm3.91 1.882l1.28-1.882l1.256 1.916l-1.246 1.9zm-3.91 7.118l-1.28 1.882l1.29 1.934l1.245-1.9zm3.91 1.882l1.28-1.882l1.255 1.916l-1.245 1.9z"/><path d="M34 4a1 1 0 0 1 1 1v5.653c0 .889.198 1.767.58 2.57l.743 1.56A17.3 17.3 0 0 1 38 22.212v.074c0 3.213-.716 6.386-2.097 9.288a9.3 9.3 0 0 0-.903 4V42.5a1 1 0 1 1-2 0v-6.927c0-1.68.375-3.34 1.097-4.859A19.6 19.6 0 0 0 36 22.286v-.074a15.3 15.3 0 0 0-1.483-6.57l-.743-1.56a8 8 0 0 1-.774-3.43V5a1 1 0 0 1 1-1M14 4a1 1 0 0 0-1 1v5.653c0 .889-.198 1.767-.58 2.57l-.743 1.56A17.3 17.3 0 0 0 10 22.212v.074c0 3.213.716 6.386 2.097 9.288a9.3 9.3 0 0 1 .903 4V43a1 1 0 1 0 2 0v-7.427c0-1.68-.375-3.34-1.097-4.859A19.6 19.6 0 0 1 12 22.286v-.074c0-2.273.507-4.517 1.483-6.57l.743-1.56a8 8 0 0 0 .774-3.43V5a1 1 0 0 0-1-1"/></g></svg>

Stent アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Health Icons の関連アイコン

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

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

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

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

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

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

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

Health Icons をすべて見る →