Download
Download the SVG to use or edit.
Download SVG SVG sprite
Use this code for svg icons.
<svg><use xlink:href="#pen-to-square-solid"/></svg>
Icon font
Using the web font with a span element.
<span class="icon icon-pen-to-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-pen-to-square-solid" viewBox="0 0 24 24">
<path d="M20.3984 2.85938L21.1406 3.60156C22 4.46094 22 5.82812 21.1406 6.6875L19.9688 7.85938L16.1406 4.03125L17.3125 2.85938C18.1719 2 19.5391 2 20.3984 2.85938ZM8.71875 11.4531L15.2422 4.92969L19.0703 8.75781L12.5469 15.2812C12.3125 15.5156 12 15.7109 11.6875 15.8281L8.21094 16.9609C7.89844 17.0781 7.50781 17 7.27344 16.7266C7 16.4922 6.92188 16.1016 7.03906 15.7891L8.17188 12.3125C8.28906 12 8.48438 11.6875 8.71875 11.4531ZM5.75 4.5H9.5C10.1641 4.5 10.75 5.08594 10.75 5.75C10.75 6.45312 10.1641 7 9.5 7H5.75C5.04688 7 4.5 7.58594 4.5 8.25V18.25C4.5 18.9531 5.04688 19.5 5.75 19.5H15.75C16.4141 19.5 17 18.9531 17 18.25V14.5C17 13.8359 17.5469 13.25 18.25 13.25C18.9141 13.25 19.5 13.8359 19.5 14.5V18.25C19.5 20.3203 17.8203 22 15.75 22H5.75C3.67969 22 2 20.3203 2 18.25V8.25C2 6.17969 3.67969 4.5 5.75 4.5Z"/>
</svg>
Code point
Paste the code point into your project.
- Unicode:
U+F22C- CSS:
\F22C- JS:
\uF22C- HTML:
