Icône Stairs Ascend

streamline-freehand:stairs-ascend

L'icône Stairs Ascend (streamline-freehand:stairs-ascend) est une icône SVG gratuite de la collection Freehand free icons par Streamline. Elle est dessinée sur une grille de 24 × 24. Les Freehand free icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection: Freehand free icons
Auteur: Streamline
Licence: CC-BY-4.0
Taille: 24 × 24
Catégorie: Signalétique
Mots-clés: stairsascend, stair

Télécharger le SVG

Code 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>

Comment utiliser l'icône 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>

Image HTML

<img src="https://iconyz.com/api/public/svg/streamline-freehand/stairs-ascend.svg" alt="Icône Stairs Ascend" width="24" height="24">

Icônes similaires dans Freehand free icons

L'icône Stairs Ascend dans d'autres collections

FAQ : Icône Stairs Ascend

L'icône Stairs Ascend est-elle gratuite pour un usage commercial ?

Oui. Les Freehand free icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.

Comment utiliser l'icône Stairs Ascend dans React ?

Installez @iconify/react et affichez <Icon icon="streamline-freehand:stairs-ascend" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Stairs Ascend à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/streamline-freehand/stairs-ascend.svg" alt="Icône Stairs Ascend">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Freehand free icons →