Upstairs アイコン
cbi:upstairs
Upstairs アイコン(cbi:upstairs)は、Custom Brand Icons セットの無料 SVG アイコンです（作者: Emanuele & rchiileea）。 24 × 24 のグリッドで描かれています。 Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Custom Brand Icons
- 作者
- Emanuele & rchiileea
- ライセンス
- CC-BY-NC-SA-4.0
- サイズ
- 24 × 24
- タグ
- upstair
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m6.259 7.197l.988-.573L4.29 5.338l-.118 3.068l1.072-.621l2.308 2.97L2 14.492l.872 1.032l6.598-4.463Zm7.962-3.185L12.2 2.997L7.383 5.99l2.048 1.236ZM10.53 8.406l4.884-3.279l-1.012-.507L9.59 7.866Zm6.12 4.19l5.225-3.597l.124.064l-6.286-3.284l-4.986 3.315Zm-9.243 2.245l-.521-.319M22 9.063l-5.358 3.705l-6.14-3.642l.001-.017l-.032-.014l.375-.243l4.704-3.158l-.034-.018l.021-.487l-5.015 3.384l-1.117-.65v-.014l-.056-.034l.114-.083l4.858-3.26l.021-.46L9.424 7.39L7.256 6.044l.104.644l-.003-.001l.003.004l.002.013l.024.014l1.05 1.143l.003.014l.023.014l1.062 1.154l.004.015l.023.014l1.456 1.583l-.394.22l4.926 2.999l.922-.588l-.023-.014l-4.923-2.873l.092-.061l.01-.008l4.961 2.849l.132.071l-.14.093l-.006.004l-1.01.69l-5.059-3.097l.036.396l4.994 3.109l.135.079l-.149.108l-.006-.004l-.995.64l-5.161-3.158l.041.452l5.053 3.145l.135.079l-.025.018l.001.004l-.052.033l-.073.053l-.005-.003l-.978.628l-5.304-3.247l.468.287l-.468-.287l.044.492l5.064 3.151l.135.079h-.001l.106.066l.002.028l-1.177.757l-4.908-3.004l-.521-.319l.046.516l5.333 3.301l.001.001l.093.057v.003l.008.005l-.145.083h-.002l-3.43 1.947l-5.215-3.704v.542l5.215 3.73l3.788-2.233l.616-.363l.571-.334l1.935-2.367l.009-.006v-.005l1-1.223l.001-.001v-.001l2.253-2.754l3.013-2.135Zm-6.627 5.48l-4.865-3.08l-1.038.579l5.025 3.059Zm-1.085 1.26l-5.005-3.168l-1.017.568l5.165 3.145Zm-1.075 1.285l-.106-.068l-5.012-3.173l-1.081.605l5.285 3.217Zm-1.12 1.347l-5.259-3.312l-3.124 1.543l5.08 3.589Z"/></svg>Upstairs アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:upstairs" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:upstairs" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:upstairs" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--upstairs]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:upstairs"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:upstairs"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cbi/upstairs.svg" alt="Upstairs アイコン" width="24" height="24">Custom Brand Icons の関連アイコン
Upstairs アイコン のよくある質問
Upstairs アイコンは商用利用でも無料ですか?
いいえ。Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。
React で Upstairs アイコンを使うには?
@iconify/react をインストールして <Icon icon="cbi:upstairs" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Upstairs アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cbi/upstairs.svg" alt="Upstairs アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。