Icono List Ordered Bold

solar:list-ordered-bold

El icono List Ordered Bold (solar:list-ordered-bold) es un icono SVG gratuito de la colección Solar de 480 Design. Está dibujado en una cuadrícula de 24 × 24. Solar icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección: Solar
Autor: 480 Design
Licencia: CC-BY-4.0
Tamaño: 24 × 24
Categoría: Listas
Etiquetas: listordered, orderedbold, listorderedbold

Descargar SVG

Código 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>

Cómo usar el icono 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>

Imagen HTML

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

Iconos relacionados en Solar

Preguntas frecuentes sobre Icono List Ordered Bold

¿El icono List Ordered Bold es gratis para uso comercial?

Sí. Solar icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.

¿Cómo uso el icono List Ordered Bold en React?

Instala @iconify/react y renderiza <Icon icon="solar:list-ordered-bold" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono List Ordered Bold a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/solar/list-ordered-bold.svg" alt="Icono List Ordered Bold">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos Solar →