Ícone Stairs Ascend
streamline-freehand:stairs-ascend
O ícone Stairs Ascend (streamline-freehand:stairs-ascend) é um ícone SVG gratuito da coleção Freehand free icons de Streamline. Ele é desenhado em uma grade de 24 × 24. Freehand free icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Freehand free icons
- Autor
- Streamline
- Licença
- CC-BY-4.0
- Tamanho
- 24 × 24
- Categoria
- Sinalização
- Tags
- stairsascend, stair
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" 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.362-.09.731c.08.833.08 1.671 0 2.504a5 5 0 0 1-.13.54a.5.5 0 0 1-.11.211c-.09.06-.24 0-.381 0h-.721a25 25 0 0 0-2.784-.08c-.47.024-.929.154-1.342.38a1.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.195-.32.454-.34.731q-.005.554.07 1.102q.097.999.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 1 0 .6 0l.291-3.305c0-.18.26-.68.08-.8a2.43 2.43 0 0 1 1.192-.341c.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.432a17 17 0 0 0 .07-2.003V7.27c.382-.18.8-.272 1.222-.27c.8 0 1.672.06 2.313 0h1.001c.228-.018.448-.09.641-.21c.158-.124.285-.281.37-.462q.196-.452.251-.94q.073-.362.07-.732a17 17 0 0 1-.08-2.443c.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-.681zm-1.222 10.164a7 7 0 0 0 0-.791a1 1 0 0 0-.16-.42a1.35 1.35 0 0 0-.891-.522a6 6 0 0 0-1.582.09c-.862.13-1.723.311-2.584.421c-.36 0-.721.08-1.082.09l-.95.09a.35.35 0 0 0-.431.23a.34.34 0 0 0 .23.421c.135.046.278.066.42.06h.721a9 9 0 0 0 1.162 0c.871 0 1.752-.13 2.624-.18c.2 0 .49-.06.78-.07c-.19.25-.37.5-.58.751c-.831 1.001-1.773 1.883-2.614 2.794c-.84.911-1.402 1.632-2.083 2.453c-.68.821-1.311 1.683-2.002 2.504l-1.052 1.211a.3.3 0 0 0-.032.453a.3.3 0 0 0 .453-.032a49 49 0 0 0 3.464-3.415c.721-.79 1.392-1.622 2.093-2.443a60 60 0 0 0 2.073-2.574c1.242-1.632.861-1.472.881-1.061l.28 2.373l.351 2.303a.302.302 0 0 0 .601-.05l-.06-2.353z" clip-rule="evenodd"/></svg>Como usar o ícone Stairs Ascend
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand:stairs-ascend" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand:stairs-ascend" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand:stairs-ascend" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand--stairs-ascend]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand -->
<div class="i-streamline-freehand:stairs-ascend"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-freehand:stairs-ascend"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/streamline-freehand/stairs-ascend.svg" alt="Ícone Stairs Ascend" width="24" height="24">Ícones relacionados em Freehand free icons
O ícone Stairs Ascend em outras coleções
Perguntas frequentes sobre Ícone Stairs Ascend
O ícone Stairs Ascend é grátis para uso comercial?
Sim. Freehand free icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.
Como uso o ícone Stairs Ascend no React?
Instale @iconify/react e renderize <Icon icon="streamline-freehand:stairs-ascend" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Stairs Ascend a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/streamline-freehand/stairs-ascend.svg" alt="Ícone Stairs Ascend">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.