ICONYZ
Русский
Иконка Ascending Alphabetical Order Flat из набора Plump color icons

Иконка Ascending Alphabetical Order Flat

streamline-plump-color:ascending-alphabetical-order-flat

Иконка Ascending Alphabetical Order Flat (streamline-plump-color:ascending-alphabetical-order-flat) — бесплатная SVG-иконка из набора Plump color icons от Streamline. Она нарисована на сетке 48 × 48. Plump color icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Plump color icons
Автор
Streamline
Лицензия
CC-BY-4.0
Размер
48 × 48
Категория
Основы интерфейса
Теги
ascendingalphabetical, alphabeticalorder, orderflat, ascendingalphabeticalorderflat
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path fill="#8fbffa" fill-rule="evenodd" d="M8.776 17.451h6.169c.203.725.538 1.811.776 2.57c.18.573.527 1.104 1.102 1.272c1.04.305 2.537.264 3.705-.077c1.009-.294 1.292-1.41 1-2.42l-.203-.696c-1.428-4.924-2.864-9.873-4.676-14.661c-.629-1.708-3.166-1.94-4.703-1.94c-.653 0-1.353.052-2.038.181c-1.404.263-2.364 1.44-2.862 2.777C5.79 7.825 3.335 14.512 2.129 18.45c-.275.899-.136 1.876.682 2.449c.915.58 2.158.672 3.32.517c.99-.132 1.711-.936 2.005-1.89l.2-.641c.14-.452.285-.916.44-1.434m3.099-10.376a.146.146 0 0 1 .274.007l1.808 5.42H9.73zm-9.63 36.832c.5 1.233 1.98 1.592 3.31 1.592H19.49c1.613 0 2.51-.782 2.51-2.398c0-.526-.123-1.145-.324-1.729c-.313-.913-1.253-1.373-2.218-1.373h-7.497s6.564-6.94 8.804-9.234c.31-.318.596-.659.747-1.076c.246-.68.458-1.839-.293-2.97c-.645-.968-1.903-1.22-3.067-1.22H4.84c-1.52 0-2.55.885-2.55 2.43a4.7 4.7 0 0 0 .405 1.863c.358.823 1.256 1.206 2.154 1.206h7.114S5.32 37.855 3.035 40.18c-.388.395-.737.833-.884 1.366c-.164.597-.269 1.467.094 2.362Z" clip-rule="evenodd"/><path fill="#2859c5" d="M41 36.54c1.44.034 2.572.083 3.459.137c1.406.085 2.017 1.54 1.117 2.624c-3.271 3.937-6.297 6.073-7.72 6.954a1.61 1.61 0 0 1-1.71 0c-1.425-.88-4.45-3.017-7.721-6.954c-.9-1.083-.289-2.539 1.117-2.624c.887-.054 2.02-.103 3.459-.136V19.498c0-9.083.175-13.833.294-16.005c.053-.972.646-1.775 1.612-1.889a18 18 0 0 1 2.094-.106c.885 0 1.57.044 2.093.106c.967.114 1.56.917 1.613 1.889c.118 2.172.294 6.921.294 16.005V36.54Z"/></g></svg>

Как использовать иконку Ascending Alphabetical Order Flat

React

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

<Icon icon="streamline-plump-color:ascending-alphabetical-order-flat" width="24" />

Vue

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

<template>
  <Icon icon="streamline-plump-color:ascending-alphabetical-order-flat" width="24" />
</template>

Svelte

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

<Icon icon="streamline-plump-color:ascending-alphabetical-order-flat" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--ascending-alphabetical-order-flat]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:ascending-alphabetical-order-flat"></div>

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

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

<iconify-icon icon="streamline-plump-color:ascending-alphabetical-order-flat"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/streamline-plump-color/ascending-alphabetical-order-flat.svg" alt="Иконка Ascending Alphabetical Order Flat" width="24" height="24">

Похожие иконки в наборе Plump color icons

Вопросы и ответы: Иконка Ascending Alphabetical Order Flat

Можно ли бесплатно использовать иконку Ascending Alphabetical Order Flat в коммерческих проектах?

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

Как использовать иконку Ascending Alphabetical Order Flat в React?

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

Как добавить иконку Ascending Alphabetical Order Flat на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-plump-color/ascending-alphabetical-order-flat.svg" alt="Иконка Ascending Alphabetical Order Flat">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Plump color icons →