WPF - SVG Image Gallery (v19.1)

WPF Team Blog
24 July 2019

The DevExpress Image Gallery includes thousands of icons for use in your next WPF project. To better support high DPI monitors, our design team just added 1980 vector icons to the gallery.

New Collection of SVG Images

New SVG Images

A cool feature of these vector images is that they can change colors based on your application theme. In case you’re curious how this works, the mechanism is described in our documentation.

Image Colors With Different Themes

Standalone Image Picker

The Image Gallery is only available for properties shown in Smart Tag menus. We now include a standalone Image Picker that you can launch from the DevExpress menu in Visual Studio.

Standalone Image Picker

The Image Picker helps you specify images for properties that are not included in Smart Tag menus, for controls that are not visible in the designer, or for code-behind.

<Style x:Key="OpenFileBarButtonItemStyle"
TargetType="dxb:BarButtonItem">
<Setter Property="Command" Value="{Binding OpenFileCommand}"/>
<Setter Property="Glyph"
Value="{dx:DXImage SvgImages/Actions/Open.svg}" />
</Style>
window.Icon = new BitmapImage(
new URI("pack://application:,,, [...] ColorMixer_32x32.png"));

Your Feedback Is Welcome

Please feel free to leave comments below if you have any thoughts about the new SVG images or the standalone Image Picker. Your feedback is important to us!

11 comment(s)
Andrew Tinkler
Andrew Tinkler
I like where this is going, it will be very useful. We also use FontAwesome SVGs in our app as well - have you thought about a possible collaboration in that area?
24 July, 2019
Simon Hewitt
Simon Hewitt
Are these new images available for WinForms apps too?
24 July, 2019
Arsen (DevExpress)
Arsen (DevExpress)

Hi Simon,

Both WinForms and WPF ImagePicker use the same source. So yes, these SVG images are available for WinForms applications too. Also, I'd like to remind that in WinForms you can use the DevExpress DesignTime ImagePicker panel to assign icons more easily.

24 July, 2019
Alex Chuev (DevExpress)
Alex Chuev (DevExpress)

Andrew,


We don't plan to support external SVGs in the Image Picker in the near future. If you deploy SVG images with your app, you can use the SvgImageSource extension to reference them in XAML:

https://docs.devexpress.com/WPF/120006/Common-Concepts/Images/Specifying-SVG-Images


Thanks,

Alex

24 July, 2019
Customer56436436
Customer56436436
1) In this gallery there is a lack of support for its own sources of images (folders, assemblies, resources).
2) Show the file name not only in the tooltip, but also under the picture. And I would also like you to add a similar property to the WinExplorerView in the XtraGrid. At the moment I use my crutches for this.
3) Need Jetbrains Rider support ..
There is already a designer under WinForms delivered. It works somehow, with God's help. But it works! Including partially your designers.
I almost no longer use Visual Studio.
If you are not yet ready to start supporting Rider, then explain the reason. Thank!
 
24 July, 2019
Nick123
Nick123
I have found your SVG Icon Builder to be pretty great. Is there any reason these icons aren't all included in the default set there as well?
24 July, 2019
Stephen J White
Stephen J White
I tried using this in Blend 2019 and for some reason whenever I try to view the SVG images, the designer in Blend crashes. Is it not supported in Blend?
24 July, 2019
Alex Chuev (DevExpress)
Alex Chuev (DevExpress)

@Stephen:

Are you using the latest DevExpress version (v19.1)? If so, SVG images should appear correctly in Blend 2019. Please contact us in the Support Center so that we can diagnose the issue:
https://www.devexpress.com/Support/Center/Question/Create

@Nick123:

The SVG Icon Builder only lists basic icons by default since its main purpose is to combine multiple basic elements to create a unique icon. However, you can load any custom SVG icons into the SVG icon builder. To show all DevExpress SVG icons in the Icon Builder, select "Library Settings" in the upper right-hand corner, press "Add Folder", and specify a path to icons that come with the DevExpress installation:

C:\Program Files (x86)\DevExpress 19.1\Components\Sources\DevExpress.Images\SvgImages

Thanks,
Alex

25 July, 2019
frank vdb
frank vdb
Nice, thanks for these sweet icons
26 July, 2019
Ray Navasarkian (DevExpress)
Ray Navasarkian (DevExpress)

@Rustamer

I've now asked you a couple of times - email me directly so we can address your issues.  I'll be more than happy to listen to all your suggestions regarding our SVG icons. rayn@devexpress

29 July, 2019
Marc Greiner (DevExpress MVP)
Marc Greiner (DevExpress MVP)
Thank you for making our lives easier while switching images from PNG to SVG.
I really like that your SVG icons can automatically adjust their color depending on the skin colors. This is a killer feature.
We opted years ago for the IconExperience G-Collection set and are very happy with it.

31 July, 2019

Please login or register to post comments.