Arrow Up Arrow Down

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

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

Unicode: 
Hex: \e27b
HTML Entity: 

.my-icon::before {
    font-family: "Iconfyra Solid";
    content: "\e27b";
}

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
    <path d="M258.835 400.4C246.866 388.158 247.086 368.532 259.328 356.562C271.57 344.593 291.196 344.814 303.165 357.055L350 404.954L350 31C350 13.879 363.879 0 381 0C398.121 0 412 13.879 412 31L412 404.954L458.835 357.055C470.804 344.814 490.43 344.593 502.672 356.562C514.914 368.532 515.134 388.158 503.165 400.4L403.165 502.672C397.334 508.636 389.342 512 381 512C372.658 512 364.666 508.636 358.835 502.672L258.835 400.4ZM108.835 9.327C114.667 3.362 122.658 0 131 0C139.342 0 147.333 3.362 153.165 9.327L253.165 111.6C265.134 123.842 264.914 143.469 252.672 155.438C240.43 167.408 220.804 167.187 208.835 154.945L162 107.046L162 481C162 498.121 148.121 512 131 512C113.879 512 100 498.121 100 481L100 107.046L53.165 154.945C41.196 167.187 21.569 167.407 9.327 155.438C-2.914 143.469 -3.135 123.842 8.835 111.6L108.835 9.327Z"/>
</svg>