Иконка Sort

quill:sort

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

Набор: Quill Icons
Автор: Casper Lourens
Лицензия: MIT
Размер: 32 × 32
Категория: Почта и действия

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><circle cx="18.078" cy="8.286" r="1" transform="rotate(-9 18.078 8.286)"/><path d="M8.045 8.862a1 1 0 0 0 .313 1.976zm4.263 1.35a1 1 0 0 0-.312-1.976zm-3.325 4.576a1 1 0 1 0 .313 1.976zm10.19.411a1 1 0 1 0-.313-1.975zM9.61 18.74a1 1 0 0 0 .313 1.976zm8.215.724a1 1 0 1 0-.313-1.975zM8.73 25.967l-.157-.988zm-2.29-1.664l-.988.157zm17.778-2.815l-.988.156zm-1.663 2.288l.157.987zM19.271 3.034l-.156-.987zm2.288 1.663l.988-.157zm-16.115.527l.156.988zM3.78 7.513l.988-.157zM26 10v17h2V10zm-1 18H11v2h14zm-14 0a1 1 0 0 1-1-1H8a3 3 0 0 0 3 3zm15-1a1 1 0 0 1-1 1v2a3 3 0 0 0 3-3zM25 9a1 1 0 0 1 1 1h2a3 3 0 0 0-3-3zM10 27v-2H8v2zM25 7h-3v2h3zM8.358 10.838l3.95-.626l-.312-1.976l-3.951.626zm.938 5.926l9.877-1.565l-.313-1.975l-9.877 1.564zm.626 3.95l7.901-1.251l-.312-1.975l-7.902 1.251zM5.6 6.213l13.828-2.19l-.313-1.975l-13.828 2.19zm14.972-1.359l2.66 16.79l1.975-.312l-2.66-16.79zM22.4 22.788l-13.828 2.19l.313 1.975l13.828-2.19zM7.428 24.147l-2.66-16.79l-1.975.312l2.66 16.79zm1.144.831a1 1 0 0 1-1.144-.831l-1.975.313a3 3 0 0 0 3.432 2.493zm14.66-3.334a1 1 0 0 1-.832 1.144l.313 1.975a3 3 0 0 0 2.494-3.432zM19.427 4.022a1 1 0 0 1 1.144.831l1.975-.313a3 3 0 0 0-3.432-2.493zm-14.14.215a3 3 0 0 0-2.495 3.432l1.976-.313A1 1 0 0 1 5.6 6.212z"/></g></svg>

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

React

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

<Icon icon="quill:sort" width="24" />

Vue

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

<template>
  <Icon icon="quill:sort" width="24" />
</template>

Svelte

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

<Icon icon="quill:sort" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="quill:sort"></iconify-icon>

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

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

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

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

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

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

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

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

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

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

Все Quill Icons →