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-outline"/></svg>
Icon font
Using the web font with a span element.
<span class="icon icon-pen-to-square-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-pen-to-square-outline" viewBox="0 0 24 24">
<path d="M19.2266 4.30469H19.1875C18.8359 3.95312 18.25 3.95312 17.8984 4.30469L16.7266 5.4375L18.5625 7.27344L19.6953 6.10156C20.0469 5.75 20.0469 5.16406 19.6953 4.77344L19.2266 4.30469ZM10.1641 12.0391C10.0469 12.1172 9.96875 12.2734 9.92969 12.4297L9.26562 14.6953L11.5703 14.0703C11.7266 14.0312 11.8438 13.9531 11.9609 13.8359L17.2344 8.5625L15.4375 6.76562L10.1641 12.0391ZM16.5703 2.97656C17.6641 1.88281 19.4219 1.88281 20.5156 2.97656L21.0234 3.48438C22.1172 4.57812 22.1172 6.33594 21.0234 7.42969L13.2891 15.1641C12.9766 15.4766 12.5469 15.7109 12.0781 15.8672L8.17188 16.9609C7.85938 17.0781 7.50781 17 7.27344 16.7266C7 16.4922 6.92188 16.1406 7 15.8281L8.13281 11.9219C8.25 11.4531 8.52344 11.0234 8.83594 10.7109L16.5703 2.97656ZM5.4375 4.5H9.8125C10.3203 4.5 10.75 4.92969 10.75 5.4375C10.75 5.98438 10.3203 6.375 9.8125 6.375H5.4375C4.53906 6.375 3.875 7.07812 3.875 7.9375V18.5625C3.875 19.4609 4.53906 20.125 5.4375 20.125H16.0625C16.9219 20.125 17.625 19.4609 17.625 18.5625V14.1875C17.625 13.6797 18.0156 13.25 18.5625 13.25C19.0703 13.25 19.5 13.6797 19.5 14.1875V18.5625C19.5 20.4766 17.9375 22 16.0625 22H5.4375C3.52344 22 2 20.4766 2 18.5625V7.9375C2 6.0625 3.52344 4.5 5.4375 4.5Z"/>
</svg>
Code point
Paste the code point into your project.
- Unicode:
U+F22B - CSS:
\F22B - JS:
\uF22B - HTML:
