Иконка Stairs Descend
streamline-freehand-color:stairs-descend
Иконка Stairs Descend (streamline-freehand-color:stairs-descend) — бесплатная SVG-иконка из набора Freehand color icons от Streamline. Она нарисована на сетке 24 × 24. Freehand color icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Freehand color icons
- Автор
- Streamline
- Лицензия
- CC-BY-4.0
- Размер
- 24 × 24
- Категория
- Навигация
- Теги
- stairsdescend, stair
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="#020202" d="M23.723 1.512c-.881-.1-1.733-.21-2.594-.27q-.886-.045-1.772 0a5.3 5.3 0 0 0-1.332.15a.92.92 0 0 0-.671.62q-.075.363-.09.731c.08.833.08 1.671 0 2.504a5 5 0 0 1-.13.54a.5.5 0 0 1-.11.21c-.09.061-.24 0-.381 0h-.721a25 25 0 0 0-2.784-.08c-.47.025-.929.155-1.342.381a1.06 1.06 0 0 0-.5.631a3.8 3.8 0 0 0 0 1.122q.01.923-.08 1.842c-.028.356-.141.7-.33 1.002c-.051.08-.161.07-.271.08c-.27 0-.561 0-.781.07a17.5 17.5 0 0 0-2.824.39a3 3 0 0 0-1.222.681c-.199.194-.32.454-.34.731q-.005.554.07 1.102q.097.998.07 2.003a2.45 2.45 0 0 1-.29 1.061a.31.31 0 0 1-.271.13h-.701a19.5 19.5 0 0 0-2.654.17a2.8 2.8 0 0 0-1.181.501a.83.83 0 0 0-.28.521a5 5 0 0 0 0 .831L0 22.481a.3.3 0 0 0 .6 0l.291-3.305c0-.18.26-.68.08-.801c.362-.214.772-.33 1.192-.34c.761-.08 1.592 0 2.203 0c.386.054.778.047 1.162-.02c.232-.084.43-.242.56-.451c.291-.468.46-1.002.491-1.552q.06-1.052 0-2.103v-1.002c.324-.267.716-.44 1.132-.5c.76-.17 1.602-.18 2.273-.28a7.4 7.4 0 0 0 1.121-.12c.274-.082.511-.255.671-.491a3.44 3.44 0 0 0 .511-1.432q.094-1 .07-2.003V7.27c.382-.18.8-.272 1.222-.27c.8 0 1.672.06 2.313 0q.501.03 1.001 0c.228-.018.448-.09.641-.211c.158-.123.285-.28.37-.46c.13-.3.215-.617.251-.942q.073-.361.07-.73a17 17 0 0 1-.08-2.444c.26.21 1.001-.22 1.232-.24q.841-.045 1.682 0c.851 0 1.692.12 2.564.2a.342.342 0 1 0 .07-.681z"/><path fill="#0c6fff" d="M22.11 10.274c-1.201 1.091-2.363 2.213-3.454 3.415c-.721.79-1.402 1.622-2.103 2.443a68 68 0 0 0-2.073 2.573c-.33.431-.631.882-.921 1.332a.8.8 0 0 0 0-.27l-.27-2.363l-.271-2.314a.29.29 0 0 0-.32-.27a.3.3 0 0 0-.281.32l.1 2.354v2.313q-.03.395 0 .791a.9.9 0 0 0 .16.42c.217.285.537.473.892.521a6 6 0 0 0 1.572-.09c.86-.12 1.722-.3 2.593-.42c.36 0 .721-.08 1.082-.09l.951-.09a.34.34 0 0 0 .42-.23a.33.33 0 0 0-.23-.421a1.3 1.3 0 0 0-.42-.06h-.711q-.581-.03-1.162 0c-.881 0-1.762.13-2.633.18c-.2 0-.481.06-.782.07c.19-.25.371-.5.581-.741c.831-1.002 1.773-1.893 2.624-2.804c.69-.821 1.402-1.622 2.073-2.453c.67-.832 1.312-1.683 2.003-2.504c.34-.41.69-.811 1.051-1.212a.31.31 0 0 0 0-.42a.3.3 0 0 0-.47.02"/></g></svg>Как использовать иконку Stairs Descend
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand-color:stairs-descend" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand-color:stairs-descend" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand-color:stairs-descend" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand-color--stairs-descend]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand-color -->
<div class="i-streamline-freehand-color:stairs-descend"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-freehand-color:stairs-descend"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/streamline-freehand-color/stairs-descend.svg" alt="Иконка Stairs Descend" width="24" height="24">Похожие иконки в наборе Freehand color icons
Иконка Stairs Descend в других наборах
Вопросы и ответы: Иконка Stairs Descend
Можно ли бесплатно использовать иконку Stairs Descend в коммерческих проектах?
Да. Freehand color icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Stairs Descend в React?
Установите @iconify/react и выведите <Icon icon="streamline-freehand-color:stairs-descend" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Stairs Descend на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-freehand-color/stairs-descend.svg" alt="Иконка Stairs Descend">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.