Icon Button Question

Photoshop UXP Plugin API
1

I am looking at an example on the Adobe Spectrum website describing Action Buttons which only show an Icon and no text.

This is an example they show.

<sp-action-button style="padding: 0; max-width: 32px; max-height: 32px;">
<div slot="icon" style="fill: currentColor">
    <svg viewBox="0 0 36 36" style="width: 18px; height: 18px;">
        <path d="M33.567 8.2L27.8 2.432a1.215 1.215 0 0 0-.866-.353H26.9a1.371 1.371 0 0 0-.927.406L5.084 23.372a.99.99 0 0 0-.251.422L2.055 33.1c-.114.377.459.851.783.851a.251.251 0 0 0 .062-.007c.276-.063 7.866-2.344 9.311-2.778a.972.972 0 0 0 .414-.249l20.888-20.889a1.372 1.372 0 0 0 .4-.883 1.221 1.221 0 0 0-.346-.945zM11.4 29.316c-2.161.649-4.862 1.465-6.729 2.022l2.009-6.73z"/>
    </svg>
</div>

Question:

The must be the icon itself, but where do you get the path data from for a particular icon you want to use

Ian

2

A lot of SVG icons will work, but if you want Spectrum icons: https://spectrum.adobe.com/page/icons/

1 Like