Stairs アイコン
medical-icon:stairs
Stairs アイコン(medical-icon:stairs)は、Medical Icons セットの無料 SVG アイコンです(作者: Samuel Frémondière)。 63 × 64 のグリッドで描かれています。 Medical Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Medical Icons
- 作者
- Samuel Frémondière
- ライセンス
- MIT
- サイズ
- 63 × 64
- タグ
- stair
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="63" height="64" viewBox="0 0 63 64"><path fill="currentColor" d="M56.473.442S7.152.427 7.168.442c-4.545 0-7.1 2.35-7.1 7.152v49.5c0 4.491 2.297 6.843 6.839 6.843h49.709c4.542 0 6.843-2.234 6.843-6.843v-49.5C63.458 2.91 61.157.442 56.473.442m-1.795 14.996h-8.71v8.828h-8.834v8.953h-8.816v8.906h-8.852v8.981H6.319v-4.528h8.803v-8.96h8.747v-9.02h8.884v-8.853h8.825v-8.794h13.101v4.487z"/></svg>Stairs アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="medical-icon:stairs" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="medical-icon:stairs" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="medical-icon:stairs" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[medical-icon--stairs]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/medical-icon -->
<div class="i-medical-icon:stairs"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="medical-icon:stairs"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/medical-icon/stairs.svg" alt="Stairs アイコン" width="24" height="24">他のアイコンセットの Stairs アイコン
Stairs アイコン のよくある質問
Stairs アイコンは商用利用でも無料ですか?
はい。Medical Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Stairs アイコンを使うには?
@iconify/react をインストールして <Icon icon="medical-icon:stairs" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Stairs アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/medical-icon/stairs.svg" alt="Stairs アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。