# Add icon to a button

**URL:** <https://forums.realmacsoftware.com/t/add-icon-to-a-button/46002>\
**Category:** RapidWeaver Elements\
**Created:** [January 20, 2025, 10:48pm UTC](https://forums.realmacsoftware.com/t/add-icon-to-a-button/46002 "2025-01-20T22:48:43Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![pumpkin](https://avatars.discourse-cdn.com/v4/letter/p/ccd318/32.png) [@pumpkin](https://forums.realmacsoftware.com/u/pumpkin)\
**Post date:** [January 20, 2025, 10:48pm UTC](https://forums.realmacsoftware.com/t/add-icon-to-a-button/46002/1 "2025-01-20T22:48:43Z")

</div>

Is or will there be away to add an icon to a button?

---

<div class="post-metadata">

**Author:** ![anon68150607](https://avatars.discourse-cdn.com/v4/letter/a/4bbf92/32.png) [@anon68150607](https://forums.realmacsoftware.com/u/anon68150607)\
**Post date:** [January 20, 2025, 10:54pm UTC](https://forums.realmacsoftware.com/t/add-icon-to-a-button/46002/2 "2025-01-20T22:54:54Z")

</div>

You can do it now by specifying a left or right dropzone. Just add an SVG (or Image) element along with a suitable resource.

 ![CleanShot 2025-01-20 at 17.53.47@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/0/c/0c7478b1ca9ff34b288bcb466ea37314515c8e81.jpeg)

FWIW I’ve uploaded a sample Elements project: [ButtonWithIcon.elements](elementsapp://downloadDocument/o8zxnHnhFNt4)

---

<div class="post-metadata">

**Author:** ![pumpkin](https://avatars.discourse-cdn.com/v4/letter/p/ccd318/32.png) [@pumpkin](https://forums.realmacsoftware.com/u/pumpkin)\
**Post date:** [January 20, 2025, 11:05pm UTC](https://forums.realmacsoftware.com/t/add-icon-to-a-button/46002/3 "2025-01-20T23:05:25Z")

</div>

That was what I was looking for. Thank you!

---

<div class="post-metadata">

**Author:** ![anon68150607](https://avatars.discourse-cdn.com/v4/letter/a/4bbf92/32.png) [@anon68150607](https://forums.realmacsoftware.com/u/anon68150607)\
**Post date:** [January 20, 2025, 11:10pm UTC](https://forums.realmacsoftware.com/t/add-icon-to-a-button/46002/4 "2025-01-20T23:10:39Z")

</div>

It’s actually way more involved and fussy than expected in that you need to search through all of the various properties to get things sized and styles properly, and if you want to round the button corners that’s a lot of redundant clicking.

---

<div class="post-metadata">

**Author:** ![pumpkin](https://avatars.discourse-cdn.com/v4/letter/p/ccd318/32.png) [@pumpkin](https://forums.realmacsoftware.com/u/pumpkin)\
**Post date:** [January 20, 2025, 11:19pm UTC](https://forums.realmacsoftware.com/t/add-icon-to-a-button/46002/5 "2025-01-20T23:19:25Z")

</div>

> [@anon68150607](#):
>
> … and if you want to round the button corners that’s a lot of redundant clicking.

I’m sure that’ll be worked on sooner or later.

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [January 21, 2025, 11:38am UTC](https://forums.realmacsoftware.com/t/add-icon-to-a-button/46002/6 "2025-01-21T11:38:32Z")

</div>

We’ve put together a short tutorial showing how to add and animate an icon inside of a button.

[![](https://img.youtube.com/vi/YqhsHXQy66k/maxresdefault.jpg "How to add an Icon to a Button") ](https://www.youtube.com/watch?v=YqhsHXQy66k)