sort from bottom to top icon
sort-from-bottom-to-top-bold-duotone from Solar by 480 Design · Bold Duotone · List · CC-BY-4.0 Attribution required.
- Name
- sort-from-bottom-to-top-bold-duotone
- Set
- Solar
- Style
- Bold Duotone
- Category
- List
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
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"><g fill="currentColor"><path fill-rule="evenodd" d="M17 20.75C17.4142 20.75 17.75 20.4143 17.75 20V6.25005L19.4 8.45005C19.6485 8.78142 20.1186 8.84858 20.45 8.60005C20.7814 8.35152 20.8485 7.88142 20.6 7.55005L17.6 3.55005C17.4063 3.29179 17.0691 3.18645 16.7628 3.28854C16.4566 3.39062 16.25 3.67723 16.25 4.00005V20C16.25 20.4143 16.5858 20.75 17 20.75Z" clip-rule="evenodd"/><path d="M3.25 8C3.25 8.41421 3.58579 8.75 4 8.75H13C13.4142 8.75 13.75 8.41421 13.75 8C13.75 7.58579 13.4142 7.25 13 7.25H4C3.58579 7.25 3.25 7.58579 3.25 8Z"/><path d="M5.25 13C5.25 13.4142 5.58579 13.75 6 13.75H13C13.4142 13.75 13.75 13.4142 13.75 13C13.75 12.5858 13.4142 12.25 13 12.25H6C5.58579 12.25 5.25 12.5858 5.25 13Z" opacity=".5"/><path d="M7.25 18C7.25 18.4142 7.58579 18.75 8 18.75H13C13.4142 18.75 13.75 18.4142 13.75 18C13.75 17.5858 13.4142 17.25 13 17.25H8C7.58579 17.25 7.25 17.5858 7.25 18Z" opacity=".5"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarSortFromBottomToTopBoldDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fillRule="evenodd" d="M17 20.75C17.4142 20.75 17.75 20.4143 17.75 20V6.25005L19.4 8.45005C19.6485 8.78142 20.1186 8.84858 20.45 8.60005C20.7814 8.35152 20.8485 7.88142 20.6 7.55005L17.6 3.55005C17.4063 3.29179 17.0691 3.18645 16.7628 3.28854C16.4566 3.39062 16.25 3.67723 16.25 4.00005V20C16.25 20.4143 16.5858 20.75 17 20.75Z" clipRule="evenodd"/><path d="M3.25 8C3.25 8.41421 3.58579 8.75 4 8.75H13C13.4142 8.75 13.75 8.41421 13.75 8C13.75 7.58579 13.4142 7.25 13 7.25H4C3.58579 7.25 3.25 7.58579 3.25 8Z"/><path d="M5.25 13C5.25 13.4142 5.58579 13.75 6 13.75H13C13.4142 13.75 13.75 13.4142 13.75 13C13.75 12.5858 13.4142 12.25 13 12.25H6C5.58579 12.25 5.25 12.5858 5.25 13Z" opacity=".5"/><path d="M7.25 18C7.25 18.4142 7.58579 18.75 8 18.75H13C13.4142 18.75 13.75 18.4142 13.75 18C13.75 17.5858 13.4142 17.25 13 17.25H8C7.58579 17.25 7.25 17.5858 7.25 18Z" opacity=".5"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M17 20.75C17.4142 20.75 17.75 20.4143 17.75 20V6.25005L19.4 8.45005C19.6485 8.78142 20.1186 8.84858 20.45 8.60005C20.7814 8.35152 20.8485 7.88142 20.6 7.55005L17.6 3.55005C17.4063 3.29179 17.0691 3.18645 16.7628 3.28854C16.4566 3.39062 16.25 3.67723 16.25 4.00005V20C16.25 20.4143 16.5858 20.75 17 20.75Z" clip-rule="evenodd"/><path d="M3.25 8C3.25 8.41421 3.58579 8.75 4 8.75H13C13.4142 8.75 13.75 8.41421 13.75 8C13.75 7.58579 13.4142 7.25 13 7.25H4C3.58579 7.25 3.25 7.58579 3.25 8Z"/><path d="M5.25 13C5.25 13.4142 5.58579 13.75 6 13.75H13C13.4142 13.75 13.75 13.4142 13.75 13C13.75 12.5858 13.4142 12.25 13 12.25H6C5.58579 12.25 5.25 12.5858 5.25 13Z" opacity=".5"/><path d="M7.25 18C7.25 18.4142 7.58579 18.75 8 18.75H13C13.4142 18.75 13.75 18.4142 13.75 18C13.75 17.5858 13.4142 17.25 13 17.25H8C7.58579 17.25 7.25 17.5858 7.25 18Z" opacity=".5"/></g></svg> </template>
CSS
.icon-sort-from-bottom-to-top-bold-duotone {
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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M17%2020.75C17.4142%2020.75%2017.75%2020.4143%2017.75%2020V6.25005L19.4%208.45005C19.6485%208.78142%2020.1186%208.84858%2020.45%208.60005C20.7814%208.35152%2020.8485%207.88142%2020.6%207.55005L17.6%203.55005C17.4063%203.29179%2017.0691%203.18645%2016.7628%203.28854C16.4566%203.39062%2016.25%203.67723%2016.25%204.00005V20C16.25%2020.4143%2016.5858%2020.75%2017%2020.75Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M3.25%208C3.25%208.41421%203.58579%208.75%204%208.75H13C13.4142%208.75%2013.75%208.41421%2013.75%208C13.75%207.58579%2013.4142%207.25%2013%207.25H4C3.58579%207.25%203.25%207.58579%203.25%208Z%22%2F%3E%3Cpath%20d%3D%22M5.25%2013C5.25%2013.4142%205.58579%2013.75%206%2013.75H13C13.4142%2013.75%2013.75%2013.4142%2013.75%2013C13.75%2012.5858%2013.4142%2012.25%2013%2012.25H6C5.58579%2012.25%205.25%2012.5858%205.25%2013Z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M7.25%2018C7.25%2018.4142%207.58579%2018.75%208%2018.75H13C13.4142%2018.75%2013.75%2018.4142%2013.75%2018C13.75%2017.5858%2013.4142%2017.25%2013%2017.25H8C7.58579%2017.25%207.25%2017.5858%207.25%2018Z%22%20opacity%3D%22.5%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M17%2020.75C17.4142%2020.75%2017.75%2020.4143%2017.75%2020V6.25005L19.4%208.45005C19.6485%208.78142%2020.1186%208.84858%2020.45%208.60005C20.7814%208.35152%2020.8485%207.88142%2020.6%207.55005L17.6%203.55005C17.4063%203.29179%2017.0691%203.18645%2016.7628%203.28854C16.4566%203.39062%2016.25%203.67723%2016.25%204.00005V20C16.25%2020.4143%2016.5858%2020.75%2017%2020.75Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M3.25%208C3.25%208.41421%203.58579%208.75%204%208.75H13C13.4142%208.75%2013.75%208.41421%2013.75%208C13.75%207.58579%2013.4142%207.25%2013%207.25H4C3.58579%207.25%203.25%207.58579%203.25%208Z%22%2F%3E%3Cpath%20d%3D%22M5.25%2013C5.25%2013.4142%205.58579%2013.75%206%2013.75H13C13.4142%2013.75%2013.75%2013.4142%2013.75%2013C13.75%2012.5858%2013.4142%2012.25%2013%2012.25H6C5.58579%2012.25%205.25%2012.5858%205.25%2013Z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M7.25%2018C7.25%2018.4142%207.58579%2018.75%208%2018.75H13C13.4142%2018.75%2013.75%2018.4142%2013.75%2018C13.75%2017.5858%2013.4142%2017.25%2013%2017.25H8C7.58579%2017.25%207.25%2017.5858%207.25%2018Z%22%20opacity%3D%22.5%22%2F%3E%3C%2Fg%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-bold-duotone.svg?color=%231a73e8&size=48
