numbers 09 sort descending icon

numbers-09-sort-descending-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.

Name
numbers-09-sort-descending-fill
Set
MingCute Icon
Style
Fill
Viewbox
24×24
License
Apache 2.0

1 other variant in MingCute Icon

Related icons in MingCute Icon

Use the numbers 09 sort descending icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8 12a3.5 3.5 0 0 1 3.5 3.5l-.001.006l.001.004c0 1.922-.799 3.471-1.53 4.493c-.37.517-.74.923-1.02 1.202a8 8 0 0 1-.46.423l-.035.028l-.013.01l-.004.004l-.002.002h-.001L7.5 20.5l.935 1.174A1.5 1.5 0 0 1 6.56 19.33l.005-.004h.001l.05-.044a5 5 0 0 0 .42-.419A3.5 3.5 0 0 1 8 12m7.94-8.06a1.5 1.5 0 0 1 2.12 0l2.83 2.828a1.5 1.5 0 0 1-2.121 2.12L18.5 8.62V20a1.5 1.5 0 0 1-3 0V8.621l-.268.268a1.5 1.5 0 0 1-2.12-2.121zM6.56 19.33l.003-.003h.001zM8 15a.5.5 0 1 0 0 1a.5.5 0 0 0 0-1M8 2a3.5 3.5 0 0 1 3.5 3.5v2a3.5 3.5 0 1 1-7 0v-2A3.5 3.5 0 0 1 8 2m0 3a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 1 0v-2A.5.5 0 0 0 8 5"/></svg>

React

import type { SVGProps } from "react";

export function MingcuteNumbers09SortDescendingFill(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" d="M8 12a3.5 3.5 0 0 1 3.5 3.5l-.001.006l.001.004c0 1.922-.799 3.471-1.53 4.493c-.37.517-.74.923-1.02 1.202a8 8 0 0 1-.46.423l-.035.028l-.013.01l-.004.004l-.002.002h-.001L7.5 20.5l.935 1.174A1.5 1.5 0 0 1 6.56 19.33l.005-.004h.001l.05-.044a5 5 0 0 0 .42-.419A3.5 3.5 0 0 1 8 12m7.94-8.06a1.5 1.5 0 0 1 2.12 0l2.83 2.828a1.5 1.5 0 0 1-2.121 2.12L18.5 8.62V20a1.5 1.5 0 0 1-3 0V8.621l-.268.268a1.5 1.5 0 0 1-2.12-2.121zM6.56 19.33l.003-.003h.001zM8 15a.5.5 0 1 0 0 1a.5.5 0 0 0 0-1M8 2a3.5 3.5 0 0 1 3.5 3.5v2a3.5 3.5 0 1 1-7 0v-2A3.5 3.5 0 0 1 8 2m0 3a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 1 0v-2A.5.5 0 0 0 8 5"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8 12a3.5 3.5 0 0 1 3.5 3.5l-.001.006l.001.004c0 1.922-.799 3.471-1.53 4.493c-.37.517-.74.923-1.02 1.202a8 8 0 0 1-.46.423l-.035.028l-.013.01l-.004.004l-.002.002h-.001L7.5 20.5l.935 1.174A1.5 1.5 0 0 1 6.56 19.33l.005-.004h.001l.05-.044a5 5 0 0 0 .42-.419A3.5 3.5 0 0 1 8 12m7.94-8.06a1.5 1.5 0 0 1 2.12 0l2.83 2.828a1.5 1.5 0 0 1-2.121 2.12L18.5 8.62V20a1.5 1.5 0 0 1-3 0V8.621l-.268.268a1.5 1.5 0 0 1-2.12-2.121zM6.56 19.33l.003-.003h.001zM8 15a.5.5 0 1 0 0 1a.5.5 0 0 0 0-1M8 2a3.5 3.5 0 0 1 3.5 3.5v2a3.5 3.5 0 1 1-7 0v-2A3.5 3.5 0 0 1 8 2m0 3a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 1 0v-2A.5.5 0 0 0 8 5"/></svg>
</template>

CSS

.icon-numbers-09-sort-descending-fill {
  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%20d%3D%22M8%2012a3.5%203.5%200%200%201%203.5%203.5l-.001.006l.001.004c0%201.922-.799%203.471-1.53%204.493c-.37.517-.74.923-1.02%201.202a8%208%200%200%201-.46.423l-.035.028l-.013.01l-.004.004l-.002.002h-.001L7.5%2020.5l.935%201.174A1.5%201.5%200%200%201%206.56%2019.33l.005-.004h.001l.05-.044a5%205%200%200%200%20.42-.419A3.5%203.5%200%200%201%208%2012m7.94-8.06a1.5%201.5%200%200%201%202.12%200l2.83%202.828a1.5%201.5%200%200%201-2.121%202.12L18.5%208.62V20a1.5%201.5%200%200%201-3%200V8.621l-.268.268a1.5%201.5%200%200%201-2.12-2.121zM6.56%2019.33l.003-.003h.001zM8%2015a.5.5%200%201%200%200%201a.5.5%200%200%200%200-1M8%202a3.5%203.5%200%200%201%203.5%203.5v2a3.5%203.5%200%201%201-7%200v-2A3.5%203.5%200%200%201%208%202m0%203a.5.5%200%200%200-.5.5v2a.5.5%200%200%200%201%200v-2A.5.5%200%200%200%208%205%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%20d%3D%22M8%2012a3.5%203.5%200%200%201%203.5%203.5l-.001.006l.001.004c0%201.922-.799%203.471-1.53%204.493c-.37.517-.74.923-1.02%201.202a8%208%200%200%201-.46.423l-.035.028l-.013.01l-.004.004l-.002.002h-.001L7.5%2020.5l.935%201.174A1.5%201.5%200%200%201%206.56%2019.33l.005-.004h.001l.05-.044a5%205%200%200%200%20.42-.419A3.5%203.5%200%200%201%208%2012m7.94-8.06a1.5%201.5%200%200%201%202.12%200l2.83%202.828a1.5%201.5%200%200%201-2.121%202.12L18.5%208.62V20a1.5%201.5%200%200%201-3%200V8.621l-.268.268a1.5%201.5%200%200%201-2.12-2.121zM6.56%2019.33l.003-.003h.001zM8%2015a.5.5%200%201%200%200%201a.5.5%200%200%200%200-1M8%202a3.5%203.5%200%200%201%203.5%203.5v2a3.5%203.5%200%201%201-7%200v-2A3.5%203.5%200%200%201%208%202m0%203a.5.5%200%200%200-.5.5v2a.5.5%200%200%200%201%200v-2A.5.5%200%200%200%208%205%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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