Icône List Ordered

codicon:list-ordered

L'icône List Ordered (codicon:list-ordered) est une icône SVG gratuite de la collection Codicons par Microsoft Corporation. Elle est dessinée sur une grille de 24 × 24. Les Codicons 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: Codicons
Auteur: Microsoft Corporation
Licence: CC-BY-4.0
Taille: 24 × 24
Mots-clés: listordered

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" d="M3.684 1.01c.193.045.33.21.33.402v3.294a.42.42 0 0 1-.428.412a.42.42 0 0 1-.428-.412V2.58a3 3 0 0 1-.664.435a.436.436 0 0 1-.574-.184a.405.405 0 0 1 .192-.552c.353-.17.629-.432.82-.661a3 3 0 0 0 .27-.388a.44.44 0 0 1 .482-.22m-1.53 6.046a.4.4 0 0 1 0-.582l.002-.001V6.47l.004-.002l.008-.008a1 1 0 0 1 .103-.084a2.2 2.2 0 0 1 1.313-.435h.007c.32.004.668.084.947.283c.295.21.485.536.485.951c0 .452-.207.767-.488.992c-.214.173-.49.303-.714.409q-.054.024-.103.049c-.267.128-.468.24-.61.39a.8.8 0 0 0-.147.22h1.635a.42.42 0 0 1 .427.411a.42.42 0 0 1-.428.412H2.457a.42.42 0 0 1-.428-.412c0-.51.17-.893.446-1.184c.259-.275.592-.445.86-.574q.065-.03.124-.06c.231-.11.4-.19.529-.293c.12-.097.18-.193.18-.36c0-.148-.057-.23-.14-.289a.8.8 0 0 0-.448-.122a1.32 1.32 0 0 0-.818.289l-.005.005a.44.44 0 0 1-.602-.003m.94 5.885a.42.42 0 0 1 .427-.412c.294 0 .456-.08.537-.15a.3.3 0 0 0 .11-.246c-.006-.16-.158-.427-.647-.427c-.352 0-.535.084-.618.137a.4.4 0 0 0-.076.062l-.003.004l.01-.018v.001l-.002.002l-.002.004l-.003.006l-.005.008l.002-.003a.436.436 0 0 1-.563.165a.405.405 0 0 1-.191-.552v-.002l.002-.003l.003-.006l.008-.013a.7.7 0 0 1 .087-.12c.058-.067.142-.146.259-.22c.238-.153.59-.276 1.092-.276c.88 0 1.477.556 1.502 1.22c.012.303-.1.606-.339.84c.238.232.351.535.34.838c-.026.664-.622 1.22-1.503 1.22c-.502 0-.854-.122-1.092-.275a1.2 1.2 0 0 1-.326-.308l-.02-.033l-.008-.013l-.003-.005l-.001-.003v-.001l-.001-.001a.405.405 0 0 1 .19-.553a.436.436 0 0 1 .564.165l.003.004c.01.01.033.035.076.063c.083.053.266.137.618.137c.489 0 .641-.268.648-.428a.3.3 0 0 0-.11-.245c-.082-.072-.244-.151-.538-.151a.42.42 0 0 1-.427-.412M7.5 3a.5.5 0 0 0 0 1h6a.5.5 0 0 0 0-1zm0 4a.5.5 0 0 0 0 1h6a.5.5 0 0 0 0-1zm0 4a.5.5 0 0 0 0 1h6a.5.5 0 0 0 0-1z"/></svg>

Comment utiliser l'icône List Ordered

React

import { Icon } from "@iconify/react";

<Icon icon="codicon:list-ordered" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="codicon:list-ordered" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="codicon:list-ordered" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[codicon--list-ordered]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/codicon -->
<div class="i-codicon:list-ordered"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="codicon:list-ordered"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/codicon/list-ordered.svg" alt="Icône List Ordered" width="24" height="24">

Icônes similaires dans Codicons

L'icône List Ordered dans d'autres collections

FAQ : Icône List Ordered

L'icône List Ordered est-elle gratuite pour un usage commercial ?

Oui. Les Codicons 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 List Ordered dans React ?

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

Comment ajouter l'icône List Ordered à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/codicon/list-ordered.svg" alt="Icône List Ordered">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Codicons →