Download
Download the SVG to use or edit.
Download SVG SVG sprite
Use this code for svg icons.
<svg><use xlink:href="#arrow-up-right-from-square-solid"/></svg>
Icon font
Using the web font with a span element.
<span class="icon icon-arrow-up-right-from-square-solid"/></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-right-from-square-solid" viewBox="0 0 24 24">
<path d="M14.5 2H20.75C21.4141 2 22 2.58594 22 3.25V9.5C22 10.2031 21.4141 10.75 20.75 10.75C20.0469 10.75 19.5 10.2031 19.5 9.5V6.29688L11.6094 14.1484C11.1406 14.6562 10.3203 14.6562 9.85156 14.1484C9.34375 13.6797 9.34375 12.8594 9.85156 12.3906L17.7031 4.5H14.5C13.7969 4.5 13.25 3.95312 13.25 3.25C13.25 2.58594 13.7969 2 14.5 2ZM5.125 3.25H9.5C10.1641 3.25 10.75 3.83594 10.75 4.5C10.75 5.20312 10.1641 5.75 9.5 5.75H5.125C4.77344 5.75 4.5 6.0625 4.5 6.375V18.875C4.5 19.2266 4.77344 19.5 5.125 19.5H17.625C17.9375 19.5 18.25 19.2266 18.25 18.875V14.5C18.25 13.8359 18.7969 13.25 19.5 13.25C20.1641 13.25 20.75 13.8359 20.75 14.5V18.875C20.75 20.6328 19.3438 22 17.625 22H5.125C3.36719 22 2 20.6328 2 18.875V6.375C2 4.65625 3.36719 3.25 5.125 3.25Z"/>
</svg>
Code point
Paste the code point into your project.
- Unicode:
U+F123- CSS:
\F123- JS:
\uF123- HTML:
