ICONYZ
Русский
Иконка Sort Alt из набора Prime Icons

Иконка Sort Alt

prime:sort-alt

Иконка Sort Alt (prime:sort-alt) — бесплатная SVG-иконка из набора Prime Icons от PrimeTek. Она нарисована на сетке 24 × 24. Prime Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Prime Icons
Автор
PrimeTek
Лицензия
MIT
Размер
24 × 24
Теги
sortalt
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M10.5 8.25c-.19 0-.38-.07-.53-.22L8 6.06L6.03 8.03c-.29.29-.77.29-1.06 0s-.29-.77 0-1.06l2.5-2.5c.29-.29.77-.29 1.06 0l2.5 2.5c.29.29.29.77 0 1.06c-.15.15-.34.22-.53.22"/><path fill="currentColor" d="M8 19.75c-.41 0-.75-.34-.75-.75V5c0-.41.34-.75.75-.75s.75.34.75.75v14c0 .41-.34.75-.75.75m8 0c-.19 0-.38-.07-.53-.22l-2.5-2.5c-.29-.29-.29-.77 0-1.06s.77-.29 1.06 0L16 17.94l1.97-1.97c.29-.29.77-.29 1.06 0s.29.77 0 1.06l-2.5 2.5c-.15.15-.34.22-.53.22"/><path fill="currentColor" d="M16 19.75c-.41 0-.75-.34-.75-.75V5c0-.41.34-.75.75-.75s.75.34.75.75v14c0 .41-.34.75-.75.75"/></svg>

Как использовать иконку Sort Alt

React

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

<Icon icon="prime:sort-alt" width="24" />

Vue

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

<template>
  <Icon icon="prime:sort-alt" width="24" />
</template>

Svelte

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

<Icon icon="prime:sort-alt" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[prime--sort-alt]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/prime -->
<div class="i-prime:sort-alt"></div>

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

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

<iconify-icon icon="prime:sort-alt"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/prime/sort-alt.svg" alt="Иконка Sort Alt" width="24" height="24">

Похожие иконки в наборе Prime Icons

Иконка sort
sort
 Иконка sort-alpha-alt-down
sort-alpha-alt-down
 Иконка sort-alpha-alt-up
sort-alpha-alt-up
 Иконка sort-alpha-down
sort-alpha-down
 Иконка sort-alpha-up
sort-alpha-up
 Иконка sort-alt-slash
sort-alt-slash
 Иконка sort-amount-down
sort-amount-down
 Иконка sort-amount-down-alt
sort-amount-down-alt
 Иконка sort-amount-up
sort-amount-up
 Иконка sort-amount-up-alt
sort-amount-up-alt
 Иконка sort-down
sort-down
 Иконка sort-down-fill
sort-down-fill
 Иконка sort-numeric-alt-down
sort-numeric-alt-down
 Иконка sort-numeric-alt-up
sort-numeric-alt-up
 Иконка sort-numeric-down
sort-numeric-down
 Иконка sort-numeric-up
sort-numeric-up
 Иконка sort-up
sort-up
 Иконка sort-up-fill
sort-up-fill

Иконка Sort Alt в других наборах

Иконка Sort Alt из набора BoxIcons v2 Solid
BoxIcons v2 Solid
 Иконка Sort Alt из набора Quill Icons
Quill Icons
 Иконка Sort Alt из набора Siemens Industrial Experience Icons
Siemens Industrial Experience Icons
 Иконка Sort Alt из набора System UIcons
System UIcons

Вопросы и ответы: Иконка Sort Alt

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

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

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

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

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

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

Все Prime Icons →