Download
Download the SVG to use or edit.
Download SVG SVG sprite
Use this code for svg icons.
<svg><use xlink:href="#pen-outline"/></svg>
Icon font
Using the web font with a span element.
<span class="icon icon-pen-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-outline" viewBox="0 0 24 24">
<path d="M3.40625 16.1016C3.5625 15.5547 3.875 15.0469 4.26562 14.6562L16.1406 2.78125C17.1172 1.80469 18.7188 1.80469 19.6953 2.78125L21.2188 4.30469C21.3359 4.42188 21.4531 4.57812 21.5312 4.69531C22.1953 5.67188 22.0781 7 21.2188 7.85938L9.34375 19.7344C9.30469 19.7734 9.22656 19.8125 9.1875 19.8906C8.79688 20.2031 8.36719 20.4375 7.89844 20.5938L4.85156 21.4922L3.17188 22C2.85938 22.0781 2.50781 22 2.27344 21.7266C2 21.4922 1.92188 21.1406 2.03906 20.8281L2.50781 19.1484L3.40625 16.1016ZM5.20312 16.6484L4.92969 17.5469L4.30469 19.6953L6.45312 19.0703L7.35156 18.7969C7.625 18.7188 7.82031 18.6016 8.01562 18.4062L16.9609 9.46094L14.5391 7.03906L5.59375 15.9844C5.55469 15.9844 5.55469 16.0234 5.51562 16.0625C5.35938 16.2188 5.28125 16.4141 5.20312 16.6484Z"/>
</svg>
Code point
Paste the code point into your project.
- Unicode:
U+F229- CSS:
\F229- JS:
\uF229- HTML:
