Downstairs icon
cbi:downstairs
The Downstairs icon (cbi:downstairs) 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
- downstair
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m4.388 14.426l5.492-3.715l-3.23-3.887l-1.043.594L7.924 10.4l-4.375 2.944l-.008-.009l-.026.033l-.022.014l-.752-.877L2 15.707l3.098-.45Zm9.68-10.571l-2.06-1.034l-4.912 3.051l2.088 1.26Zm-3.764 4.48l4.981-3.343l-1.032-.517l-4.906 3.31Zm6.241 4.273l5.328-3.668l.126.065l-6.409-3.348l-5.085 3.38Zm-.008.175l-6.261-3.712l.001-.019l-.033-.014l.383-.248l4.796-3.22l-.034-.018l.021-.497l-5.114 3.451l-1.138-.663v-.015l-.057-.034l.116-.085l4.953-3.324l.021-.469l-5.014 3.383l-2.211-1.372l.106.657l-.003-.001l.003.004l.002.013l.025.015L8.17 7.779l.003.015l.023.014l1.083 1.177l.004.015l.024.015l1.484 1.613l-.402.225l5.023 3.057l.942-.598l-.025-.015l-5.02-2.93l.094-.062l.01-.007l5.059 2.905l.135.072l-.143.095l-.006.004l-1.03.703l-5.159-3.158l.036.404l5.093 3.17l.138.08l-.152.109l-.006-.003l-1.015.653l-5.262-3.221l.042.462l5.151 3.207l.138.08l-.025.019l.001.004l-.053.034l-.075.054l-.005-.003l-.997.64l-5.408-3.311l.045.501l5.164 3.214l.137.081h-.001l.108.066l.002.028l-1.2.773l-5.005-3.063l-.53-.326l.047.527l5.437 3.365l.001.001l.095.059v.003l.008.005l-.148.084h-.002L8.531 20.6l-5.317-3.776v.552l5.317 3.803l3.862-2.276l.628-.37l.582-.341l1.973-2.413l.01-.006v-.005l1.02-1.248l.001-.001v-.001l2.296-2.808l3.073-2.176l.024-.529Zm-8.667.514l.477.293m6.896 1.003l-4.961-3.141l-1.058.591l5.123 3.119Zm-1.107 1.285l-5.102-3.23l-1.038.579l5.267 3.207Zm-1.095 1.309l-.108-.069l-5.111-3.235l-1.103.617l5.39 3.28Zm-4.51 3.231l3.368-1.857l-5.362-3.377l-3.188 1.574Z"/></svg>How to use the Downstairs icon
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:downstairs" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:downstairs" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:downstairs" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--downstairs]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:downstairs"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:downstairs"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/cbi/downstairs.svg" alt="Downstairs icon" width="24" height="24">Related icons in Custom Brand Icons
Downstairs icon FAQ
Is the Downstairs 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 Downstairs icon in React?
Install @iconify/react and render <Icon icon="cbi:downstairs" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Downstairs icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/downstairs.svg" alt="Downstairs icon">, or paste the SVG code inline to style it with CSS.