Arrows Up Down
arrows-up-down
Two opposing vertical arrows indicating expandable or scrollable content. Use for vertical drag handles or resize controls.
Code
<i class="icf-solid icf-arrows-up-down"></i>
icf-solid icf-arrows-up-down
<i className="icf-solid icf-arrows-up-down" />
Unicode:
Hex: \e28c
HTML Entity:
.my-icon::before {
font-family: "Iconfyra 1";
font-weight: 900;
content: "\e28c";
}
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
<path d="M234.08,486.92l-66,-66c-11.9964,-12.12473 -11.94443,-31.66296 0.11631,-43.72369c12.06074,-12.06074 31.59896,-12.11271 43.72369,-0.11631l13.08,13.08v-268.32l-13.08,13.08c-12.12473,11.9964 -31.66296,11.94443 -43.72369,-0.11631c-12.06074,-12.06074 -12.11271,-31.59896 -0.11631,-43.72369l66,-66c6.07109,-6.00684 14.0009,-8.9929 21.92,-8.96316c7.9191,-0.02974 15.84891,2.95633 21.92,8.96316l66,66c11.9964,12.12473 11.94443,31.66296 -0.11631,43.72369c-12.06074,12.06074 -31.59896,12.11271 -43.72369,0.11631l-13.08,-13.08v268.32l13.08,-13.08c12.12473,-11.9964 31.66296,-11.94443 43.72369,0.11631c12.06074,12.06074 12.11271,31.59896 0.11631,43.72369l-66,66c-6.07109,6.00684 -14.0009,8.9929 -21.92,8.96316c-7.9191,0.02974 -15.84891,-2.95633 -21.92,-8.96316z"/>
</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