Download
Download the SVG to use or edit.
Download SVG SVG sprite
Use this code for svg icons.
<svg><use xlink:href="#arrow-up-arrow-down-outline"/></svg>
Icon font
Using the web font with a span element.
<span class="icon icon-arrow-up-arrow-down-outline"/></span>
Embedded
Paste the SVG right into your project's code.
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentcolor" class="icon-arrow-up-arrow-down-outline" viewBox="0 0 24 24">
<path d="M21.9141 16.7266L18.1641 20.4766C17.7734 20.8672 17.1875 20.8672 16.8359 20.4766L13.0859 16.7266C12.6953 16.375 12.6953 15.7891 13.0859 15.4375C13.4375 15.0469 14.0234 15.0469 14.4141 15.4375L16.5625 17.5859V4.1875C16.5625 3.67969 16.9531 3.25 17.5 3.25C18.0078 3.25 18.4375 3.67969 18.4375 4.1875V17.5859L20.5859 15.4375C20.9375 15.0469 21.5234 15.0469 21.9141 15.4375C22.2656 15.7891 22.2656 16.375 21.9141 16.7266ZM8.16406 3.52344L11.875 7.27344C12.2656 7.66406 12.2656 8.25 11.875 8.60156C11.5234 8.99219 10.9375 8.99219 10.5469 8.60156L8.39844 6.45312V19.8125C8.39844 20.3594 8.00781 20.75 7.46094 20.75C6.95312 20.75 6.52344 20.3594 6.52344 19.8125V6.45312L4.375 8.60156C4.02344 8.99219 3.4375 8.99219 3.08594 8.60156C2.69531 8.25 2.69531 7.66406 3.08594 7.27344L6.83594 3.52344C7.1875 3.17188 7.77344 3.17188 8.16406 3.52344Z"/>
</svg>
Code point
Paste the code point into your project.
- Unicode:
U+F11D- CSS:
\F11D- JS:
\uF11D- HTML:
