ICONYZ
Français
Icône List Ordered de Gridicons

Icône List Ordered

gridicons:list-ordered

L'icône List Ordered (gridicons:list-ordered) est une icône SVG gratuite de la collection Gridicons par Automattic. Elle est dessinée sur une grille de 24 × 24. Les Gridicons sont publiées sous la licence GPL 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux ; les versions modifiées des fichiers d'icônes doivent conserver la même licence. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection
Gridicons
Auteur
Automattic
Licence
GPL-2.0-only
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="M8 19h13v-2H8zm0-6h13v-2H8zm0-8v2h13V5zm-4.425.252q.16-.144.269-.275q-.018.342-.018.756V8h1.175V3.717H3.959L2.488 4.915l.601.738zm.334 7.764q.712-.639.93-.867t.35-.435t.195-.42q.063-.214.063-.466q0-.337-.18-.608c-.18-.271-.289-.32-.507-.417a1.8 1.8 0 0 0-.742-.148q-.331 0-.596.067c-.265.067-.34.11-.491.195q-.225.128-.557.423l.636.744q.261-.225.467-.341a.84.84 0 0 1 .409-.116a.44.44 0 0 1 .305.097a.34.34 0 0 1 .108.264q0 .135-.054.258t-.192.294q-.138.172-.586.64l-1.046 1.058V14h3.108v-.955h-1.62zm.53 4.746v-.018q.46-.13.703-.414q.243-.286.243-.685a.84.84 0 0 0-.378-.727q-.378-.264-1.043-.264q-.46 0-.816.1c-.356.1-.469.178-.696.334l.48.773q.44-.275.85-.275q.22 0 .35.082c.13.082.13.139.13.252q0 .451-.882.451h-.27v.87h.264q.326 0 .527.049q.202.047.293.143t.091.271q0 .228-.174.336q-.174.106-.555.106a2.3 2.3 0 0 1-.538-.069a2.5 2.5 0 0 1-.573-.212v.961q.342.131.637.182t.64.05q.84 0 1.314-.343q.473-.343.473-.94q.004-.878-1.07-1.013"/></svg>

Comment utiliser l'icône List Ordered

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Image HTML

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

Icônes similaires dans Gridicons

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 Gridicons sont publiées sous la licence GPL 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux ; les versions modifiées des fichiers d'icônes doivent conserver la même licence.

Comment utiliser l'icône List Ordered dans React ?

Installez @iconify/react et affichez <Icon icon="gridicons: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/gridicons/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 Gridicons →