Upstairs icon
cbi:upstairs
The Upstairs icon (cbi:upstairs) is a free SVG icon from the Custom Brand Icons set by Emanuele & rchiileea. It is drawn on a 24 × 24 grid. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Custom Brand Icons
- Author
- Emanuele & rchiileea
- License
- CC-BY-NC-SA-4.0
- Size
- 24 × 24
- Tags
- upstair
SVG code
<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>How to use the Upstairs icon
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 component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:upstairs"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/cbi/upstairs.svg" alt="Upstairs icon" width="24" height="24">Related icons in Custom Brand Icons
Upstairs icon FAQ
Is the Upstairs icon free for commercial use?
No. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author.
How do I use the Upstairs icon in React?
Install @iconify/react and render <Icon icon="cbi:upstairs" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Upstairs icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/upstairs.svg" alt="Upstairs icon">, or paste the SVG code inline to style it with CSS.