Icône List Ordered Bold

solar:list-ordered-bold

L'icône List Ordered Bold (solar:list-ordered-bold) est une icône SVG gratuite de la collection Solar par 480 Design. Elle est dessinée sur une grille de 24 × 24. Les Solar 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: Solar
Auteur: 480 Design
Licence: CC-BY-4.0
Taille: 24 × 24
Catégorie: Listes
Mots-clés: listordered, orderedbold, listorderedbold

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M6.09873 13.25C7.10731 13.2502 7.81149 14.1235 7.81162 15.0547C7.81162 15.4509 7.73731 15.7784 7.58701 16.0928C7.45233 16.3745 7.25959 16.6345 7.08799 16.8721C7.07578 16.889 7.06249 16.9051 7.04893 16.9209L6.7667 17.25H7.06162C7.47581 17.25 7.81158 17.5858 7.81162 18C7.81162 18.4142 7.47584 18.75 7.06162 18.75H5.13486C4.84201 18.75 4.57558 18.5796 4.45322 18.3135C4.33097 18.0474 4.3749 17.734 4.56553 17.5117L5.88975 15.9678C6.07768 15.7074 6.17202 15.574 6.2335 15.4453C6.28127 15.3453 6.31162 15.241 6.31162 15.0547C6.31156 14.9492 6.27275 14.866 6.22568 14.8145C6.17988 14.7645 6.13432 14.7501 6.09873 14.75C6.06304 14.7501 6.01677 14.7642 5.9708 14.8145C5.92375 14.866 5.88493 14.9492 5.88486 15.0547C5.88486 15.4689 5.54908 15.8047 5.13486 15.8047C4.72071 15.8046 4.38486 15.4689 4.38486 15.0547C4.385 14.1234 5.09005 13.2501 6.09873 13.25Z"/><path d="M21.0001 17.25C21.4143 17.25 21.7501 17.5858 21.7501 18C21.7501 18.4142 21.4143 18.75 21.0001 18.75H13.0001C12.5859 18.75 12.2501 18.4142 12.2501 18C12.2501 17.5859 12.586 17.2501 13.0001 17.25H21.0001Z"/><path d="M21.0001 13.25C21.4143 13.25 21.7501 13.5858 21.7501 14C21.7501 14.4142 21.4143 14.75 21.0001 14.75H13.0001C12.5859 14.75 12.2501 14.4142 12.2501 14C12.2501 13.5859 12.586 13.2501 13.0001 13.25H21.0001Z"/><path d="M6.59873 5.41018C6.82435 5.23299 7.13167 5.20001 7.38975 5.32522C7.64791 5.45074 7.81257 5.71297 7.8126 6.00003V10C7.8126 10.4141 7.47661 10.7498 7.0626 10.75C6.64845 10.75 6.3126 10.4142 6.3126 10V7.54202L5.59775 8.10354C5.272 8.35911 4.80078 8.30225 4.54502 7.97659C4.28945 7.65086 4.34635 7.17963 4.67197 6.92386L6.59873 5.41018Z"/><path d="M21.0001 9.25003C21.4143 9.25003 21.7501 9.58585 21.7501 10C21.7501 10.4142 21.4143 10.75 21.0001 10.75H13.0001C12.5859 10.75 12.2501 10.4142 12.2501 10C12.2501 9.58589 12.586 9.2501 13.0001 9.25003H21.0001Z"/><path d="M21.0001 5.25003C21.4143 5.25003 21.7501 5.58585 21.7501 6.00003C21.7501 6.41424 21.4143 6.75003 21.0001 6.75003H13.0001C12.5859 6.74995 12.2501 6.41419 12.2501 6.00003C12.2501 5.58589 12.586 5.2501 13.0001 5.25003H21.0001Z"/></g></svg>

Comment utiliser l'icône List Ordered Bold

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="solar:list-ordered-bold"></iconify-icon>

Image HTML

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

Icônes similaires dans Solar

FAQ : Icône List Ordered Bold

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

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

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

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

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

Voir toutes les Icônes Solar →