Add icons to this collection by clicking the heart icon.
Sorting icon - also known as arrow, time, sorting, arrow button, and time and date. Created in a clean flat gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 32 32"
>
<linearGradient id="lg1">
<stop offset="0" stop-color="#cad1f7" />
<stop offset="1" stop-color="#3655fe" />
</linearGradient>
<linearGradient
id="_Linear1"
gradientTransform="matrix(0 10.516 -10.516 0 16.012 3.649)"
gradientUnits="userSpaceOnUse"
x1="0"
x2="1"
y1="0"
y2="0"
href="#lg1"
/>
<linearGradient
id="_Linear2"
gradientTransform="matrix(-12.015 0 0 -12.015 28 15.948)"
gradientUnits="userSpaceOnUse"
x1="0"
x2="1"
y1="0"
y2="0"
href="#lg1"
/>
<linearGradient
id="_Linear3"
gradientTransform="matrix(0 -9.182 9.182 0 16.012 28)"
gradientUnits="userSpaceOnUse"
x1="0"
x2="1"
y1="0"
y2="0"
href="#lg1"
/>
<linearGradient
id="_Linear4"
gradientUnits="userSpaceOnUse"
x1="3.771"
x2="14.319"
y1="16"
y2="16"
href="#lg1"
/>
<linearGradient id="lg2">
<stop offset="0" stop-color="#4f4f67" />
<stop offset="1" stop-color="#1d1d41" />
</linearGradient>
<linearGradient
id="_Linear5"
gradientTransform="matrix(0 13.915 -13.915 0 16.012 18)"
gradientUnits="userSpaceOnUse"
x1="0"
x2="1"
y1="0"
y2="0"
href="#lg2"
/>
<linearGradient
id="_Linear6"
gradientTransform="matrix(0 12.461 -12.461 0 16.755 17)"
gradientUnits="userSpaceOnUse"
x1="0"
x2="1"
y1="0"
y2="0"
>
<stop offset="0" stop-color="#daeeff" />
<stop offset="1" stop-color="#48abff" />
</linearGradient>
<linearGradient
id="_Linear9"
gradientTransform="matrix(0 9.321 -9.321 0 16.012 7.429)"
gradientUnits="userSpaceOnUse"
x1="0"
x2="1"
y1="0"
y2="0"
href="#lg2"
/>
<linearGradient
id="_Linear10"
gradientTransform="matrix(-11.575 0 0 -11.575 24.447 15.518)"
gradientUnits="userSpaceOnUse"
x1="0"
x2="1"
y1="0"
y2="0"
href="#lg2"
/>
<linearGradient
id="_Linear11"
gradientTransform="matrix(0 -8.571 8.571 0 16.012 24.571)"
gradientUnits="userSpaceOnUse"
x1="0"
x2="1"
y1="0"
y2="0"
href="#lg2"
/>
<linearGradient
id="_Linear12"
gradientUnits="userSpaceOnUse"
x1="7"
x2="22.534"
y1="16.261"
y2="16.261"
href="#lg2"
/>
<g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
<path
d="m14.164 5.893c0 .199.079.39.22.53l1.086 1.086c.14.141.331.22.53.22s.39-.079.53-.22l1.086-1.086c.141-.14.22-.331.22-.53v-2.807c0-1.013-.823-1.836-1.836-1.836s-1.836.823-1.836 1.836z"
fill="url(#_Linear1)"
/>
<path
d="m26.107 14.164c-.199 0-.39.079-.53.22l-1.086 1.086c-.141.14-.22.331-.22.53s.079.39.22.53l1.086 1.086c.14.141.331.22.53.22h2.807c1.013 0 1.836-.823 1.836-1.836s-.823-1.836-1.836-1.836z"
fill="url(#_Linear2)"
/>
<path
d="m17.836 26.107c0-.199-.079-.39-.22-.53l-1.086-1.086c-.14-.141-.331-.22-.53-.22s-.39.079-.53.22l-1.086 1.086c-.141.14-.22.331-.22.53v2.807c0 1.013.823 1.836 1.836 1.836s1.836-.823 1.836-1.836z"
fill="url(#_Linear3)"
/>
<path
d="m5.893 17.836c.199 0 .39-.079.53-.22l1.086-1.086c.141-.14.22-.331.22-.53s-.079-.39-.22-.53l-1.086-1.086c-.14-.141-.331-.22-.53-.22h-2.807c-1.013 0-1.836.823-1.836 1.836s.823 1.836 1.836 1.836z"
fill="url(#_Linear4)"
/>
<circle cx="16" cy="16" fill="url(#_Linear5)" r="5.323" />
<circle cx="16" cy="16" fill="url(#_Linear6)" r="3.823" />
<path
d="m16.75 16.381v-2.287c0-.414-.336-.75-.75-.75s-.75.336-.75.75v2.287c0 .414.336.75.75.75s.75-.336.75-.75z"
fill="url(#_Linear5)"
/>
<path
d="m15.625 15.732-1.524.88c-.359.207-.482.666-.275 1.024.207.359.666.482 1.025.275l1.524-.88c.358-.207.481-.666.275-1.025-.207-.358-.667-.481-1.025-.274z"
fill="url(#_Linear5)"
/>
<path
d="m16 5.918-.873-.873c-.717-.717-1.88-.717-2.596 0-.717.716-.717 1.879 0 2.596l2.171 2.171c.717.717 1.879.717 2.596 0 0 0 2.171-2.171 2.171-2.171.717-.717.717-1.88 0-2.596-.716-.717-1.879-.717-2.596 0z"
fill="url(#_Linear9)"
/>
<path
d="m26.082 16 .873-.873c.717-.717.717-1.88 0-2.596-.716-.717-1.879-.717-2.596 0l-2.171 2.171c-.717.717-.717 1.879 0 2.596 0 0 2.171 2.171 2.171 2.171.717.717 1.88.717 2.596 0 .717-.716.717-1.879 0-2.596z"
fill="url(#_Linear10)"
/>
<path
d="m16 26.082.873.873c.717.717 1.88.717 2.596 0 .717-.716.717-1.879 0-2.596l-2.171-2.171c-.717-.717-1.879-.717-2.596 0 0 0-2.171 2.171-2.171 2.171-.717.717-.717 1.88 0 2.596.716.717 1.879.717 2.596 0z"
fill="url(#_Linear11)"
/>
<path
d="m5.918 16-.873.873c-.717.717-.717 1.88 0 2.596.716.717 1.879.717 2.596 0l2.171-2.171c.717-.717.717-1.879 0-2.596 0 0-2.171-2.171-2.171-2.171-.717-.717-1.88-.717-2.596 0-.717.716-.717 1.879 0 2.596z"
fill="url(#_Linear12)"
/>
</g>
</svg>
More icons in the same style and category