# SVG Nucleo App and Elements

**URL:** <https://forums.realmacsoftware.com/t/svg-nucleo-app-and-elements/47101>\
**Category:** Elements\
**Created:** [April 10, 2025, 9:42am UTC](https://forums.realmacsoftware.com/t/svg-nucleo-app-and-elements/47101 "2025-04-10T09:42:39Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![engrafiker](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/engrafiker/32/3745_2.png) [@engrafiker](https://forums.realmacsoftware.com/u/engrafiker)\
**Post date:** [April 10, 2025, 9:42am UTC](https://forums.realmacsoftware.com/t/svg-nucleo-app-and-elements/47101/1 "2025-04-10T09:42:39Z")

</div>

I enjoy using the Nucleo app for svg:s.  
I think it is widely used.

Anyone else here using it?  
What are your thoughts?  
Any other app you can recommend?

The problem.  
When I drag and drop the svg to Elements not every svg i can edit. I use the new edit for svg just released for Elements.  
It is the thin icons especially.  
I tried to export it first end strip the info and then drag it to elements and that seems to work with editing with elements, but is is one step more then I would like 😊

TIA

Henrik

 ![svg](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/6/d/6d5a726b6389ef7d0ac04178decd8ac3b12a17b1.png)

---

<div class="post-metadata">

**Author:** ![ben](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ben/32/28488_2.png) [@ben](https://forums.realmacsoftware.com/u/ben)\
**Post date:** [April 10, 2025, 9:48am UTC](https://forums.realmacsoftware.com/t/svg-nucleo-app-and-elements/47101/2 "2025-04-10T09:48:03Z")

</div>

Could you share an SVG that is not working for you? 😊

---

<div class="post-metadata">

**Author:** ![engrafiker](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/engrafiker/32/3745_2.png) [@engrafiker](https://forums.realmacsoftware.com/u/engrafiker)\
**Post date:** [April 10, 2025, 9:52am UTC](https://forums.realmacsoftware.com/t/svg-nucleo-app-and-elements/47101/3 "2025-04-10T09:52:57Z")

</div>

This exakt same svg is not working when drag and drop from nucleo but it is working when first exporting and then drag it to elements.

---

<div class="post-metadata">

**Author:** ![engrafiker](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/engrafiker/32/3745_2.png) [@engrafiker](https://forums.realmacsoftware.com/u/engrafiker)\
**Post date:** [April 10, 2025, 9:55am UTC](https://forums.realmacsoftware.com/t/svg-nucleo-app-and-elements/47101/4 "2025-04-10T09:55:01Z")

</div>

I might be lazy but it is all about workflow😊

---

<div class="post-metadata">

**Author:** ![handshaper](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/handshaper/32/27373_2.png) [@handshaper](https://forums.realmacsoftware.com/u/handshaper)\
**Post date:** [April 10, 2025, 4:50pm UTC](https://forums.realmacsoftware.com/t/svg-nucleo-app-and-elements/47101/5 "2025-04-10T16:50:56Z")

</div>

@ben I also discovered that icons from Nucleo are almost impossible to display without extensive tweaking. I have to run them through OSVG and then replace some of the colors by hand with “currentColor” to get them to work.

Here is the code for one of them.

```auto
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><g class="nc-icon-wrapper" fill="#212121"><line x1="3" y1="10" x2="17" y2="10" fill="none" stroke="#212121" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" data-color="color-2"></line><polyline points="12 15 17 10 12 5" fill="none" stroke="#212121" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></polyline></g></svg>

```

Here is the code for a version that works after tweaking it.

```auto
<svg viewBox="0 0 20 20">
    <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
        <path d="M3 10h14"/>
        <path d="M12 15l5-5-5-5"/>
    </g>
</svg>

```

NOTE: this draws a right arrow.

---

<div class="post-metadata">

**Author:** ![ben](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ben/32/28488_2.png) [@ben](https://forums.realmacsoftware.com/u/ben)\
**Post date:** [April 10, 2025, 6:00pm UTC](https://forums.realmacsoftware.com/t/svg-nucleo-app-and-elements/47101/6 "2025-04-10T18:00:43Z")

</div>

I’ve not used Nucleo for quite a few years, so my knowledge is outdated at best.

However, from reading their site, it looks like you can adjust what is exported - have you tried tweaking these settings?

 ![CleanShot 2025-04-10 at 19.59.16@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/a/6/a684376088f81013001bc57c6ec7796638b43a63.jpeg)

---

<div class="post-metadata">

**Author:** ![handshaper](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/handshaper/32/27373_2.png) [@handshaper](https://forums.realmacsoftware.com/u/handshaper)\
**Post date:** [April 10, 2025, 6:55pm UTC](https://forums.realmacsoftware.com/t/svg-nucleo-app-and-elements/47101/7 "2025-04-10T18:55:11Z")

</div>

I have been testing out the various options, but for me some of them do not appear to be working. For instance, I tell it to remove the height and width values, but they are not removed. Same is true of the “Replace inline colors with currentColor”, I had to do this manually.

For now I think I’ll stick with IconJar.

_UPDATE: it does do the right thing if you use the Export button, the problems I encountered seemed to be it not respecting the settings when dragging the icon out of the app._

---

<div class="post-metadata">

**Author:** ![ben](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ben/32/28488_2.png) [@ben](https://forums.realmacsoftware.com/u/ben)\
**Post date:** [April 11, 2025, 6:43am UTC](https://forums.realmacsoftware.com/t/svg-nucleo-app-and-elements/47101/8 "2025-04-11T06:43:08Z")

</div>

> [@handshaper](#):
>
> it does do the right thing if you use the Export button

sounds like an issue with the Nucleo app, I guess you’ll have to export the icons rather than dragging them directly out of the app.

---

<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:** [April 11, 2025, 8:03am UTC](https://forums.realmacsoftware.com/t/svg-nucleo-app-and-elements/47101/9 "2025-04-11T08:03:52Z")

</div>

I’m now using [IconJar](https://geticonjar.com) - it’s a MUCH nicer Mac app, although you do have to buy/download your own icon sets…

I’ve been using it with Elements and it works great 👌

 ![CleanShot 2025-04-11 at 9 .02.40@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/9/7/97f43d8c84dcd00447262b15840d22110f1fdf69.jpeg)

 ![CleanShot 2025-04-11 at 9 .05.10@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/1/3/139aa5e7a680b23df6f55592f0f31fe3a7166c35.jpeg)

---

<div class="post-metadata">

**Author:** ![handshaper](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/handshaper/32/27373_2.png) [@handshaper](https://forums.realmacsoftware.com/u/handshaper)\
**Post date:** [April 11, 2025, 7:09pm UTC](https://forums.realmacsoftware.com/t/svg-nucleo-app-and-elements/47101/10 "2025-04-11T19:09:49Z")

</div>

Yes, I have been testing this out myself and it feels like a great solution.

I just discovered the SVG Cleaner in IconJar, this is very handy as it allows you to tweak any SVG file.

Purchased!

---

<div class="post-metadata">

**Author:** ![engrafiker](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/engrafiker/32/3745_2.png) [@engrafiker](https://forums.realmacsoftware.com/u/engrafiker)\
**Post date:** [April 11, 2025, 8:37pm UTC](https://forums.realmacsoftware.com/t/svg-nucleo-app-and-elements/47101/11 "2025-04-11T20:37:38Z")

</div>

I’ll have a look at iconjar 😀  
Till then I can use the export in nucleo . It works in elements.