sort by down 01 icon
sort-by-down-01 from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- sort-by-down-01
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
Related icons in Huge Icons
Use the sort by down 01 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="m15 16.327l1.409 1.486C17.159 18.604 17.534 19 18 19s.841-.396 1.591-1.187L21 16.327m-3 2.586v-4.375c0-2.234 0-3.35-.447-4.335s-1.287-1.72-2.968-3.191L14 6.5"/><path d="M3 6.5c0-1.225 0-1.838.238-2.306c.21-.411.545-.746.956-.956C4.662 3 5.274 3 6.5 3s1.838 0 2.306.238c.411.21.746.545.956.956C10 4.662 10 5.274 10 6.5s0 1.838-.238 2.306c-.21.411-.545.746-.956.956C8.338 10 7.726 10 6.5 10s-1.838 0-2.306-.238a2.2 2.2 0 0 1-.956-.956C3 8.338 3 7.726 3 6.5Zm0 11c0-1.225 0-1.838.238-2.306c.21-.411.545-.746.956-.956C4.662 14 5.274 14 6.5 14s1.838 0 2.306.238c.411.21.746.545.956.956c.238.468.238 1.08.238 2.306s0 1.838-.238 2.306c-.21.411-.545.746-.956.956C8.338 21 7.726 21 6.5 21s-1.838 0-2.306-.238a2.2 2.2 0 0 1-.956-.956C3 19.338 3 18.726 3 17.5Z"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsSortByDown01(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeWidth="1.5"><path strokeLinecap="round" strokeLinejoin="round" d="m15 16.327l1.409 1.486C17.159 18.604 17.534 19 18 19s.841-.396 1.591-1.187L21 16.327m-3 2.586v-4.375c0-2.234 0-3.35-.447-4.335s-1.287-1.72-2.968-3.191L14 6.5"/><path d="M3 6.5c0-1.225 0-1.838.238-2.306c.21-.411.545-.746.956-.956C4.662 3 5.274 3 6.5 3s1.838 0 2.306.238c.411.21.746.545.956.956C10 4.662 10 5.274 10 6.5s0 1.838-.238 2.306c-.21.411-.545.746-.956.956C8.338 10 7.726 10 6.5 10s-1.838 0-2.306-.238a2.2 2.2 0 0 1-.956-.956C3 8.338 3 7.726 3 6.5Zm0 11c0-1.225 0-1.838.238-2.306c.21-.411.545-.746.956-.956C4.662 14 5.274 14 6.5 14s1.838 0 2.306.238c.411.21.746.545.956.956c.238.468.238 1.08.238 2.306s0 1.838-.238 2.306c-.21.411-.545.746-.956.956C8.338 21 7.726 21 6.5 21s-1.838 0-2.306-.238a2.2 2.2 0 0 1-.956-.956C3 19.338 3 18.726 3 17.5Z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="m15 16.327l1.409 1.486C17.159 18.604 17.534 19 18 19s.841-.396 1.591-1.187L21 16.327m-3 2.586v-4.375c0-2.234 0-3.35-.447-4.335s-1.287-1.72-2.968-3.191L14 6.5"/><path d="M3 6.5c0-1.225 0-1.838.238-2.306c.21-.411.545-.746.956-.956C4.662 3 5.274 3 6.5 3s1.838 0 2.306.238c.411.21.746.545.956.956C10 4.662 10 5.274 10 6.5s0 1.838-.238 2.306c-.21.411-.545.746-.956.956C8.338 10 7.726 10 6.5 10s-1.838 0-2.306-.238a2.2 2.2 0 0 1-.956-.956C3 8.338 3 7.726 3 6.5Zm0 11c0-1.225 0-1.838.238-2.306c.21-.411.545-.746.956-.956C4.662 14 5.274 14 6.5 14s1.838 0 2.306.238c.411.21.746.545.956.956c.238.468.238 1.08.238 2.306s0 1.838-.238 2.306c-.21.411-.545.746-.956.956C8.338 21 7.726 21 6.5 21s-1.838 0-2.306-.238a2.2 2.2 0 0 1-.956-.956C3 19.338 3 18.726 3 17.5Z"/></g></svg> </template>
CSS
.icon-sort-by-down-01 {
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%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m15%2016.327l1.409%201.486C17.159%2018.604%2017.534%2019%2018%2019s.841-.396%201.591-1.187L21%2016.327m-3%202.586v-4.375c0-2.234%200-3.35-.447-4.335s-1.287-1.72-2.968-3.191L14%206.5%22%2F%3E%3Cpath%20d%3D%22M3%206.5c0-1.225%200-1.838.238-2.306c.21-.411.545-.746.956-.956C4.662%203%205.274%203%206.5%203s1.838%200%202.306.238c.411.21.746.545.956.956C10%204.662%2010%205.274%2010%206.5s0%201.838-.238%202.306c-.21.411-.545.746-.956.956C8.338%2010%207.726%2010%206.5%2010s-1.838%200-2.306-.238a2.2%202.2%200%200%201-.956-.956C3%208.338%203%207.726%203%206.5Zm0%2011c0-1.225%200-1.838.238-2.306c.21-.411.545-.746.956-.956C4.662%2014%205.274%2014%206.5%2014s1.838%200%202.306.238c.411.21.746.545.956.956c.238.468.238%201.08.238%202.306s0%201.838-.238%202.306c-.21.411-.545.746-.956.956C8.338%2021%207.726%2021%206.5%2021s-1.838%200-2.306-.238a2.2%202.2%200%200%201-.956-.956C3%2019.338%203%2018.726%203%2017.5Z%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%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m15%2016.327l1.409%201.486C17.159%2018.604%2017.534%2019%2018%2019s.841-.396%201.591-1.187L21%2016.327m-3%202.586v-4.375c0-2.234%200-3.35-.447-4.335s-1.287-1.72-2.968-3.191L14%206.5%22%2F%3E%3Cpath%20d%3D%22M3%206.5c0-1.225%200-1.838.238-2.306c.21-.411.545-.746.956-.956C4.662%203%205.274%203%206.5%203s1.838%200%202.306.238c.411.21.746.545.956.956C10%204.662%2010%205.274%2010%206.5s0%201.838-.238%202.306c-.21.411-.545.746-.956.956C8.338%2010%207.726%2010%206.5%2010s-1.838%200-2.306-.238a2.2%202.2%200%200%201-.956-.956C3%208.338%203%207.726%203%206.5Zm0%2011c0-1.225%200-1.838.238-2.306c.21-.411.545-.746.956-.956C4.662%2014%205.274%2014%206.5%2014s1.838%200%202.306.238c.411.21.746.545.956.956c.238.468.238%201.08.238%202.306s0%201.838-.238%202.306c-.21.411-.545.746-.956.956C8.338%2021%207.726%2021%206.5%2021s-1.838%200-2.306-.238a2.2%202.2%200%200%201-.956-.956C3%2019.338%203%2018.726%203%2017.5Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/sort-by-down-01.svg?color=%231a73e8&size=48
