Arrow Down Arrow Up

arrow-down-arrow-up

Arrows Interfaces

Two arrows stacked vertically, one pointing down and one up, indicating a bidirectional sort or swap. Use for toggle-sort controls in tables.

Code

<i class="icf-solid icf-arrow-down-arrow-up"></i>

icf-solid icf-arrow-down-arrow-up

<i className="icf-solid icf-arrow-down-arrow-up" />

Unicode: 
Hex: \e27c
HTML Entity: 

.my-icon::before {
    font-family: "Iconfyra 1";
    font-weight: 900;
    content: "\e27c";
}

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
    <path d="M253.165 400.4C265.134 388.158 264.914 368.532 252.672 356.562C240.43 344.593 220.804 344.814 208.835 357.055L162 404.954L162 31C162 13.879 148.121 0 131 0C113.879 0 100 13.879 100 31L100 404.954L53.165 357.055C41.196 344.814 21.57 344.593 9.328 356.562C-2.914 368.532 -3.134 388.158 8.835 400.4L108.835 502.672C114.666 508.636 122.658 512 131 512C139.342 512 147.334 508.636 153.165 502.672L253.165 400.4M403.165 9.327C397.333 3.362 389.342 0 381 0C372.658 0 364.667 3.362 358.835 9.327L258.835 111.6C246.866 123.842 247.086 143.469 259.328 155.438C271.57 167.408 291.196 167.187 303.165 154.945L350 107.046L350 481C350 498.121 363.879 512 381 512C398.121 512 412 498.121 412 481L412 107.046L458.835 154.945C470.804 167.187 490.431 167.407 502.673 155.438C514.914 143.469 515.135 123.842 503.165 111.6L403.165 9.327"/>
</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

Download

SVG (Classic Solid) SVG (Classic Regular)