# Example SVG Icon Set

**URL:** <https://resource.dopus.com/t/example-svg-icon-set/59582>\
**Category:** Icons\
**Tags:** svg\
**Created:** [June 2, 2026, 2:47am UTC](https://resource.dopus.com/t/example-svg-icon-set/59582 "2026-06-02T02:47:50Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Jon](https://resource.dopus.com/user_avatar/resource.dopus.com/jon/32/12713_2.png) [@Jon](https://resource.dopus.com/u/Jon)\
**Post date:** [June 2, 2026, 2:47am UTC](https://resource.dopus.com/t/example-svg-icon-set/59582/1 "2026-06-02T02:47:50Z")

</div>

Directory Opus [13.23.5](https://resource.dopus.com/t/directory-opus-13-23-5-beta/59581) now supports SVG icon sets. Here's an example as a demonstration.

(the SVG icons are all from [GitHub - feathericons/feather: Simply beautiful open-source icons · GitHub](https://github.com/feathericons/feather) which are available for free under an MIT license).

[feather.dis](https://resource.dopus.com/uploads/short-url/g9OpQaSGwgphIixpFF9ppat5CT1.dis) (13.0 KB)

 ![image](https://resource.dopus.com/uploads/default/original/3X/e/4/e49751fa1b96f003a7e0249d55d1fde9a698117b.png)

A brief summary of SVG-related XML:

- Set the `size` attribute of the `<set>` element to `"svg"`
- Optionally provide default sizes for `small` and `large` via those attributes. These will be used as the icon size unless overridden by the toolbar.
- Optionally set the `remove_padding` attribute to `"yes"` to remove any external padding from images.
- The SVG code should be added inside each `<icon>` element (e.g. `<icon name="copy"><svg>...</svg></icon>`).
- You can optionally provide styles via one or more `<style>...</style>` elements, which should appear at the same level as the `<icon>` elements.
- Styles can have an attribute `id="light"` or `id="dark"` to provide different colors for light/dark mode.
- Styles without an id will be provided to each SVG icon in both modes.

---

<div class="post-metadata">

**Author:** ![PassThePeas](https://resource.dopus.com/user_avatar/resource.dopus.com/passthepeas/32/50972_2.png) [@PassThePeas](https://resource.dopus.com/u/PassThePeas)\
**Post date:** [June 3, 2026, 6:51am UTC](https://resource.dopus.com/t/example-svg-icon-set/59582/2 "2026-06-03T06:51:32Z")

</div>

This iconset is using stroke="currentColor" in many (if not all) icons.  
From a quick test, this seems to follow the light/dark mode, e.g. being some kind of white in a dark mode and some kind of black in a light mode.  
Do you confirm this?  
Could you point to the color (in Opus settings) this is using?  
If it's actually using one of the colors in the settings, could it be possible that this becomes a dedicated color that can be set with the other colors?

---

<div class="post-metadata">

**Author:** ![Jon](https://resource.dopus.com/user_avatar/resource.dopus.com/jon/32/12713_2.png) [@Jon](https://resource.dopus.com/u/Jon)\
**Post date:** [June 3, 2026, 7:18am UTC](https://resource.dopus.com/t/example-svg-icon-set/59582/3 "2026-06-03T07:18:39Z")

</div>

> and if rendered using "currentColor" in the SVG will use the toolbar's default text color automatically.

🙂

> [@Directory Opus 13.23.5 (Beta)](https://resource.dopus.com/t/directory-opus-13-23-5-beta/59581):
>
> warning This is a beta release. It may be unstable. Some text may not be translated yet. Use at your own risk! [inbox_tray Download manually](https://www.gpsoft.com.au/download/beta), or use Help \> Check for Program Updates (if beta versions are enabled in Preferences / Internet / Update…

---

<div class="post-metadata">

**Author:** ![PassThePeas](https://resource.dopus.com/user_avatar/resource.dopus.com/passthepeas/32/50972_2.png) [@PassThePeas](https://resource.dopus.com/u/PassThePeas)\
**Post date:** [June 3, 2026, 7:47am UTC](https://resource.dopus.com/t/example-svg-icon-set/59582/4 "2026-06-03T07:47:28Z")

</div>

Ooops sorry about that 🙂  
As often ... RTFM!

---

<div class="post-metadata">

**Author:** ![galaxyhub](https://resource.dopus.com/user_avatar/resource.dopus.com/galaxyhub/32/42793_2.png) [@galaxyhub](https://resource.dopus.com/u/galaxyhub)\
**Post date:** [June 3, 2026, 5:54pm UTC](https://resource.dopus.com/t/example-svg-icon-set/59582/5 "2026-06-03T17:54:16Z")

</div>

This is awsome 🙂  
 ![image](https://resource.dopus.com/uploads/default/original/3X/b/7/b7b4d02b5c1f6a4008a8cb3dee00ffba742b16a2.png)  
Many thanks.

- **How to adjust size of iconset ?**

---

<div class="post-metadata">

**Author:** ![Jon](https://resource.dopus.com/user_avatar/resource.dopus.com/jon/32/12713_2.png) [@Jon](https://resource.dopus.com/u/Jon)\
**Post date:** [June 5, 2026, 6:10am UTC](https://resource.dopus.com/t/example-svg-icon-set/59582/6 "2026-06-05T06:10:04Z")

</div>

> [@galaxyhub](#):
>
> How to adjust size of iconset ?

The current beta lets you specify default small/large sizes for SVG icon sets. See the root post for more information. You can also override the icon size on a per-toolbar basis as well now.
