[Support request] Using the new icons in 2.1+

[Ian]

In Tom’s announcement of May 2, he indicates that GP 2.1 and onward no longer natively supports Font Awesome and that we should instead use the new icons that have been specifically designed for GP. Okay. He even showed us some examples of what they look like. However, I’ve searched high and low in the GP docs and here on the GP forum for any mention of these new icons; what the rest of them look like; how to use them; etc. and come up totally empty. The website of The Dickiebirds Studio (authors of the icons) also is a dead end. Please provide the required resources to us so that we can actually use these new icons!

[Tom]

Hi there,

The icons in GP aren’t meant for general use within your content – they’re theme icons for built in elements (menu bars, close icons, search etc..).

If you need icons for your content, I suggest adding Font Awesome using a plugin or function: https://docs.generatepress.com/article/font-awesome/

[Greg]

For consistency, I want to use the same icon-arrow-up as GP uses in other elements. How can I either use what GP comes with, or else replace the one GP uses?

[Ying]

Hi Greg,

This is the arrow up SVG used in GP if you want to use them in your content:
<svg viewBox="0 0 330 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M305.863 314.916c0 2.266-1.133 4.815-2.832 6.514l-14.157 14.163c-1.699 1.7-3.964 2.832-6.513 2.832-2.265 0-4.813-1.133-6.512-2.832L164.572 224.276 53.295 335.593c-1.699 1.7-4.247 2.832-6.512 2.832-2.265 0-4.814-1.133-6.513-2.832L26.113 321.43c-1.699-1.7-2.831-4.248-2.831-6.514s1.132-4.816 2.831-6.515L158.06 176.408c1.699-1.7 4.247-2.833 6.512-2.833 2.265 0 4.814 1.133 6.513 2.833L303.03 308.4c1.7 1.7 2.832 4.249 2.832 6.515z" fill-rule="nonzero"></path></svg>

[Author]

Posts