sort descending icon

sort-descending-outlined from Ant Design Icons by HeskeyBaozi · Outlined · MIT Free for personal and commercial use.

Name
sort-descending-outlined
Set
Ant Design Icons
Style
Outlined
Viewbox
1024×1024
License
MIT
Aliases
sort-descending, sort-descending-outline

The same icon in other sets

Related icons in Ant Design Icons

Use the sort descending icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M839.6 433.8L749 150.5a9.24 9.24 0 0 0-8.9-6.5h-77.4c-4.1 0-7.6 2.6-8.9 6.5l-91.3 283.3c-.3.9-.5 1.9-.5 2.9c0 5.1 4.2 9.3 9.3 9.3h56.4c4.2 0 7.8-2.8 9-6.8l17.5-61.6h89l17.3 61.5c1.1 4 4.8 6.8 9 6.8h61.2c1 0 1.9-.1 2.8-.4c2.4-.8 4.3-2.4 5.5-4.6c1.1-2.2 1.3-4.7.6-7.1M663.3 325.5l32.8-116.9h6.3l32.1 116.9zm143.5 492.9H677.2v-.4l132.6-188.9c1.1-1.6 1.7-3.4 1.7-5.4v-36.4c0-5.1-4.2-9.3-9.3-9.3h-204c-5.1 0-9.3 4.2-9.3 9.3v43c0 5.1 4.2 9.3 9.3 9.3h122.6v.4L587.7 828.9a9.35 9.35 0 0 0-1.7 5.4v36.4c0 5.1 4.2 9.3 9.3 9.3h211.4c5.1 0 9.3-4.2 9.3-9.3v-43a9.2 9.2 0 0 0-9.2-9.3M310.3 167.1a8 8 0 0 0-12.6 0L185.7 309c-4.2 5.3-.4 13 6.3 13h76v530c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V322h76c6.7 0 10.5-7.8 6.3-13z"/></svg>

React

import type { SVGProps } from "react";

export function AntDesignSortDescendingOutlined(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M839.6 433.8L749 150.5a9.24 9.24 0 0 0-8.9-6.5h-77.4c-4.1 0-7.6 2.6-8.9 6.5l-91.3 283.3c-.3.9-.5 1.9-.5 2.9c0 5.1 4.2 9.3 9.3 9.3h56.4c4.2 0 7.8-2.8 9-6.8l17.5-61.6h89l17.3 61.5c1.1 4 4.8 6.8 9 6.8h61.2c1 0 1.9-.1 2.8-.4c2.4-.8 4.3-2.4 5.5-4.6c1.1-2.2 1.3-4.7.6-7.1M663.3 325.5l32.8-116.9h6.3l32.1 116.9zm143.5 492.9H677.2v-.4l132.6-188.9c1.1-1.6 1.7-3.4 1.7-5.4v-36.4c0-5.1-4.2-9.3-9.3-9.3h-204c-5.1 0-9.3 4.2-9.3 9.3v43c0 5.1 4.2 9.3 9.3 9.3h122.6v.4L587.7 828.9a9.35 9.35 0 0 0-1.7 5.4v36.4c0 5.1 4.2 9.3 9.3 9.3h211.4c5.1 0 9.3-4.2 9.3-9.3v-43a9.2 9.2 0 0 0-9.2-9.3M310.3 167.1a8 8 0 0 0-12.6 0L185.7 309c-4.2 5.3-.4 13 6.3 13h76v530c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V322h76c6.7 0 10.5-7.8 6.3-13z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M839.6 433.8L749 150.5a9.24 9.24 0 0 0-8.9-6.5h-77.4c-4.1 0-7.6 2.6-8.9 6.5l-91.3 283.3c-.3.9-.5 1.9-.5 2.9c0 5.1 4.2 9.3 9.3 9.3h56.4c4.2 0 7.8-2.8 9-6.8l17.5-61.6h89l17.3 61.5c1.1 4 4.8 6.8 9 6.8h61.2c1 0 1.9-.1 2.8-.4c2.4-.8 4.3-2.4 5.5-4.6c1.1-2.2 1.3-4.7.6-7.1M663.3 325.5l32.8-116.9h6.3l32.1 116.9zm143.5 492.9H677.2v-.4l132.6-188.9c1.1-1.6 1.7-3.4 1.7-5.4v-36.4c0-5.1-4.2-9.3-9.3-9.3h-204c-5.1 0-9.3 4.2-9.3 9.3v43c0 5.1 4.2 9.3 9.3 9.3h122.6v.4L587.7 828.9a9.35 9.35 0 0 0-1.7 5.4v36.4c0 5.1 4.2 9.3 9.3 9.3h211.4c5.1 0 9.3-4.2 9.3-9.3v-43a9.2 9.2 0 0 0-9.2-9.3M310.3 167.1a8 8 0 0 0-12.6 0L185.7 309c-4.2 5.3-.4 13 6.3 13h76v530c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V322h76c6.7 0 10.5-7.8 6.3-13z"/></svg>
</template>

CSS

.icon-sort-descending-outlined {
  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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M839.6%20433.8L749%20150.5a9.24%209.24%200%200%200-8.9-6.5h-77.4c-4.1%200-7.6%202.6-8.9%206.5l-91.3%20283.3c-.3.9-.5%201.9-.5%202.9c0%205.1%204.2%209.3%209.3%209.3h56.4c4.2%200%207.8-2.8%209-6.8l17.5-61.6h89l17.3%2061.5c1.1%204%204.8%206.8%209%206.8h61.2c1%200%201.9-.1%202.8-.4c2.4-.8%204.3-2.4%205.5-4.6c1.1-2.2%201.3-4.7.6-7.1M663.3%20325.5l32.8-116.9h6.3l32.1%20116.9zm143.5%20492.9H677.2v-.4l132.6-188.9c1.1-1.6%201.7-3.4%201.7-5.4v-36.4c0-5.1-4.2-9.3-9.3-9.3h-204c-5.1%200-9.3%204.2-9.3%209.3v43c0%205.1%204.2%209.3%209.3%209.3h122.6v.4L587.7%20828.9a9.35%209.35%200%200%200-1.7%205.4v36.4c0%205.1%204.2%209.3%209.3%209.3h211.4c5.1%200%209.3-4.2%209.3-9.3v-43a9.2%209.2%200%200%200-9.2-9.3M310.3%20167.1a8%208%200%200%200-12.6%200L185.7%20309c-4.2%205.3-.4%2013%206.3%2013h76v530c0%204.4%203.6%208%208%208h56c4.4%200%208-3.6%208-8V322h76c6.7%200%2010.5-7.8%206.3-13z%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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M839.6%20433.8L749%20150.5a9.24%209.24%200%200%200-8.9-6.5h-77.4c-4.1%200-7.6%202.6-8.9%206.5l-91.3%20283.3c-.3.9-.5%201.9-.5%202.9c0%205.1%204.2%209.3%209.3%209.3h56.4c4.2%200%207.8-2.8%209-6.8l17.5-61.6h89l17.3%2061.5c1.1%204%204.8%206.8%209%206.8h61.2c1%200%201.9-.1%202.8-.4c2.4-.8%204.3-2.4%205.5-4.6c1.1-2.2%201.3-4.7.6-7.1M663.3%20325.5l32.8-116.9h6.3l32.1%20116.9zm143.5%20492.9H677.2v-.4l132.6-188.9c1.1-1.6%201.7-3.4%201.7-5.4v-36.4c0-5.1-4.2-9.3-9.3-9.3h-204c-5.1%200-9.3%204.2-9.3%209.3v43c0%205.1%204.2%209.3%209.3%209.3h122.6v.4L587.7%20828.9a9.35%209.35%200%200%200-1.7%205.4v36.4c0%205.1%204.2%209.3%209.3%209.3h211.4c5.1%200%209.3-4.2%209.3-9.3v-43a9.2%209.2%200%200%200-9.2-9.3M310.3%20167.1a8%208%200%200%200-12.6%200L185.7%20309c-4.2%205.3-.4%2013%206.3%2013h76v530c0%204.4%203.6%208%208%208h56c4.4%200%208-3.6%208-8V322h76c6.7%200%2010.5-7.8%206.3-13z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ant-design/sort-descending-outlined.svg?color=%231a73e8&size=48