Sort Ascending color icon
The color version of the sort ascending line icon: the same drawing with a soft fill behind it. Pick any color and the fill follows. Also in solid.
16
20
24
32
48
Style
Color
PNG size
Free for personal and commercial use. No attribution required.
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="#a1daf7" stroke="none"><path fill-rule="evenodd" d="m10.39 8.79.35.17.39.03.37-.12.21-.16.16-.21.12-.37v-.26l-.12-.37-4.16-4.21-.33-.21-.25-.07-.51.07-.33.21-4 4-.26.45v.52l.26.45.45.26h.52l.45-.26L6 6.41V20l.08.38.13.23.18.18.35.18h.52l.35-.18.26-.29.12-.37L8 6.41Zm6.87.18.24-.1.29-.26.18-.35L18 8l-.03-.26-.18-.35-.29-.26-.24-.1-3.39-.02-.37.12-.21.16-.26.45-.02.39.12.37.26.29.35.18Zm2.12 4.95.32-.22.17-.2.1-.24.02-.39-.07-.25-.21-.33-.21-.16-.37-.12h-5.26l-.25.07-.33.21-.16.21-.12.37.02.39.18.35.29.26.37.12L19 14Zm2 5 .23-.13.26-.29.1-.24.02-.39-.12-.37-.16-.21-.33-.21-.25-.07h-7.26l-.25.07-.33.21-.16.21-.12.37.02.39.18.35.29.26.37.12L21 19Z"/></g><g fill="none" stroke="#1d4b63" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7 20V4M3 8l4-4 4 4m3 0h3m-3 5h5m-5 5h7"/></g></svg>Want it moving? See the animated sort ascending icon.