Bars Sort Ascending
bars-sort-ascending
Three horizontal bars increasing in length from top to bottom, indicating ascending sort order. Use for list-sort controls or filter panels.
Code
<i class="icf-solid icf-bars-sort-ascending"></i>
icf-solid icf-bars-sort-ascending
<i className="icf-solid icf-bars-sort-ascending" />
Unicode:
Hex: \e104
HTML Entity:
.my-icon::before {
font-family: "Iconfyra 1";
font-weight: 900;
content: "\e104";
}
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
<path d="M80 101.99C80 84.89 93.89 71 110.99 71L209.01 71C226.11 71 240 84.89 240 101.99C240 119.1 226.11 132.98 209.01 132.98L110.99 132.98C93.89 132.98 80 119.1 80 101.99ZM80 204.66C80 187.56 93.89 173.67 110.99 173.67L273.01 173.67C290.11 173.67 304 187.56 304 204.66C304 221.77 290.11 235.66 273.01 235.66L110.99 235.66C93.89 235.66 80 221.77 80 204.66ZM80 307.34C80 290.23 93.89 276.35 110.99 276.35L337.01 276.35C354.11 276.35 368 290.23 368 307.34C368 324.44 354.11 338.33 337.01 338.33L110.99 338.33C93.89 338.33 80 324.44 80 307.34ZM80 410.01C80 392.9 93.89 379.02 110.99 379.02L401.01 379.02C418.11 379.02 432 392.9 432 410.01C432 427.11 418.11 441 401.01 441L110.99 441C93.89 441 80 427.11 80 410.01Z"/>
</svg>
Available Variants
Classic
Solid
Free
Regular
Free
Light
Basic
Thin
Basic
Duotone
Solid
Pro
Regular
Pro
Light
Pro
Thin
Pro
Sizes
16px
24px
32px
48px
64px
96px
128px