sort from bottom to top icon

sort-from-bottom-to-top-outline from Solar by 480 Design · Outline · List · CC-BY-4.0 Attribution required.

Name
sort-from-bottom-to-top-outline
Set
Solar
Style
Outline
Category
List
Viewbox
24×24
License
CC BY 4.0

5 other variants in Solar

sort-from-bottom-to-top-boldsort-from-bottom-to-top-bold-duotonesort-from-bottom-to-top-brokensort-from-bottom-to-top-line-duotonesort-from-bottom-to-top-linear

More list icons from Solar

bill-2-boldchecklist-boldchecklist-minimalistic-boldlist-arrow-down-boldlist-arrow-down-minimalistic-boldlist-arrow-up-boldlist-arrow-up-minimalistic-boldlist-boldlist-check-boldlist-check-minimalistic-boldlist-cross-boldlist-cross-minimalistic-boldlist-down-boldlist-down-minimalistic-boldlist-heart-boldlist-heart-minimalistic-boldlist-up-boldlist-up-minimalistic-boldlist-vertical-boldplaylist-2-boldplaylist-boldplaylist-minimalistic-2-boldplaylist-minimalistic-3-boldplaylist-minimalistic-bold

Use the sort from bottom to top icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M16.7628 3.28854C17.0691 3.18645 17.4063 3.29179 17.6 3.55005L20.6 7.55005C20.8485 7.88142 20.7814 8.35152 20.45 8.60005C20.1186 8.84858 19.6485 8.78142 19.4 8.45005L17.75 6.25005V20C17.75 20.4143 17.4142 20.75 17 20.75C16.5858 20.75 16.25 20.4143 16.25 20V4.00005C16.25 3.67723 16.4566 3.39062 16.7628 3.28854ZM13 8.75005H4V7.25005H13V8.75005ZM13 13.75H6V12.25H13V13.75ZM13 18.75H8V17.25H13V18.75Z" clip-rule="evenodd"/></svg>

React

import type { SVGProps } from "react";

export function SolarSortFromBottomToTopOutline(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M16.7628 3.28854C17.0691 3.18645 17.4063 3.29179 17.6 3.55005L20.6 7.55005C20.8485 7.88142 20.7814 8.35152 20.45 8.60005C20.1186 8.84858 19.6485 8.78142 19.4 8.45005L17.75 6.25005V20C17.75 20.4143 17.4142 20.75 17 20.75C16.5858 20.75 16.25 20.4143 16.25 20V4.00005C16.25 3.67723 16.4566 3.39062 16.7628 3.28854ZM13 8.75005H4V7.25005H13V8.75005ZM13 13.75H6V12.25H13V13.75ZM13 18.75H8V17.25H13V18.75Z" clipRule="evenodd"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M16.7628 3.28854C17.0691 3.18645 17.4063 3.29179 17.6 3.55005L20.6 7.55005C20.8485 7.88142 20.7814 8.35152 20.45 8.60005C20.1186 8.84858 19.6485 8.78142 19.4 8.45005L17.75 6.25005V20C17.75 20.4143 17.4142 20.75 17 20.75C16.5858 20.75 16.25 20.4143 16.25 20V4.00005C16.25 3.67723 16.4566 3.39062 16.7628 3.28854ZM13 8.75005H4V7.25005H13V8.75005ZM13 13.75H6V12.25H13V13.75ZM13 18.75H8V17.25H13V18.75Z" clip-rule="evenodd"/></svg>
</template>

CSS

.icon-sort-from-bottom-to-top-outline {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M16.7628%203.28854C17.0691%203.18645%2017.4063%203.29179%2017.6%203.55005L20.6%207.55005C20.8485%207.88142%2020.7814%208.35152%2020.45%208.60005C20.1186%208.84858%2019.6485%208.78142%2019.4%208.45005L17.75%206.25005V20C17.75%2020.4143%2017.4142%2020.75%2017%2020.75C16.5858%2020.75%2016.25%2020.4143%2016.25%2020V4.00005C16.25%203.67723%2016.4566%203.39062%2016.7628%203.28854ZM13%208.75005H4V7.25005H13V8.75005ZM13%2013.75H6V12.25H13V13.75ZM13%2018.75H8V17.25H13V18.75Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M16.7628%203.28854C17.0691%203.18645%2017.4063%203.29179%2017.6%203.55005L20.6%207.55005C20.8485%207.88142%2020.7814%208.35152%2020.45%208.60005C20.1186%208.84858%2019.6485%208.78142%2019.4%208.45005L17.75%206.25005V20C17.75%2020.4143%2017.4142%2020.75%2017%2020.75C16.5858%2020.75%2016.25%2020.4143%2016.25%2020V4.00005C16.25%203.67723%2016.4566%203.39062%2016.7628%203.28854ZM13%208.75005H4V7.25005H13V8.75005ZM13%2013.75H6V12.25H13V13.75ZM13%2018.75H8V17.25H13V18.75Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/sort-from-bottom-to-top-outline.svg?color=%231a73e8&size=48