Иконка List Ordered

gridicons:list-ordered

Иконка List Ordered (gridicons:list-ordered) — бесплатная SVG-иконка из набора Gridicons от Automattic. Она нарисована на сетке 24 × 24. Gridicons выпущены под лицензией GPL 2.0, которая разрешает использование в личных и коммерческих проектах; изменённые версии файлов иконок должны сохранять ту же лицензию. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Gridicons
Автор: Automattic
Лицензия: GPL-2.0-only
Размер: 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="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>

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

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

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

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

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

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

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

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

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

Да. Gridicons выпущены под лицензией GPL 2.0, которая разрешает использование в личных и коммерческих проектах; изменённые версии файлов иконок должны сохранять ту же лицензию.

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

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

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

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

Все Gridicons →