Иконка List Ordered

codicon:list-ordered

Иконка List Ordered (codicon:list-ordered) — бесплатная SVG-иконка из набора Codicons от Microsoft Corporation. Она нарисована на сетке 24 × 24. Codicons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Codicons
Автор: Microsoft Corporation
Лицензия: CC-BY-4.0
Размер: 24 × 24
Теги: listordered

Скачать SVG

Код 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>

Как использовать иконку 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>

Веб-компонент

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

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

Изображение HTML

<img src="https://iconyz.com/api/public/svg/codicon/list-ordered.svg" alt="Иконка List Ordered" width="24" height="24">

Иконка List Ordered в других наборах

Вопросы и ответы: Иконка List Ordered

Можно ли бесплатно использовать иконку List Ordered в коммерческих проектах?

Да. Codicons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

Как использовать иконку List Ordered в React?

Установите @iconify/react и выведите <Icon icon="codicon:list-ordered" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку List Ordered на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/codicon/list-ordered.svg" alt="Иконка List Ordered">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Codicons →