Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • Users
  • Groups
  • Search
  • Get Qt Extensions
  • Unsolved
Collapse
Brand Logo
  1. Home
  2. Qt Development
  3. General and Desktop
  4. How to use SVG
Forum Update on Monday, May 27th 2025

How to use SVG

Scheduled Pinned Locked Moved Unsolved General and Desktop
svgiconwidget
33 Posts 7 Posters 17.0k Views
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • SGaistS Offline
    SGaistS Offline
    SGaist
    Lifetime Qt Champion
    wrote on last edited by
    #14

    No that's the Qt Creator version. There's no Qt 4.14.

    You have to take a look at the kit you are using.

    Interested in AI ? www.idiap.ch
    Please read the Qt Code of Conduct - https://forum.qt.io/topic/113070/qt-code-of-conduct

    SavizS 1 Reply Last reply
    0
    • SGaistS SGaist

      No that's the Qt Creator version. There's no Qt 4.14.

      You have to take a look at the kit you are using.

      SavizS Offline
      SavizS Offline
      Saviz
      wrote on last edited by
      #15

      @SGaist

      I took a look at the kit as you instructed.

      The kit version is: Qt 6.0.3 64bit

      1 Reply Last reply
      0
      • JoeCFDJ Offline
        JoeCFDJ Offline
        JoeCFD
        wrote on last edited by JoeCFD
        #16

        It was introduced from 4.1.
        https://doc.qt.io/qt-5/qsvgwidget.html
        QT += core gui widgets svg <=== you need widgets as well for qsvgwidget

        If you simply need a QPixmap from a svg source for other widgets, use QSvgRenderer to paint one.

        1 Reply Last reply
        0
        • mrjjM mrjj

          @Saviz

          Hi
          it should work unless really old Qt.

          Could you try in build menu to use Clean all, run qmake and then press the run ?

          SavizS Offline
          SavizS Offline
          Saviz
          wrote on last edited by Saviz
          #17

          @mrjj

          I tried doing what you suggested. Unfortunately it didn't work.

          I first cleaned the project and then ran qmake but I still get the same errors.
          Maybe I am doing something else wrong? (Like not including something?)

          JoeCFDJ 1 Reply Last reply
          0
          • SavizS Saviz

            @mrjj

            I tried doing what you suggested. Unfortunately it didn't work.

            I first cleaned the project and then ran qmake but I still get the same errors.
            Maybe I am doing something else wrong? (Like not including something?)

            JoeCFDJ Offline
            JoeCFDJ Offline
            JoeCFD
            wrote on last edited by JoeCFD
            #18

            @Saviz CONFIG += c++17 you also need 17 for Qt 6.
            Show this line of your Makefile:
            LIBS = $(SUBLIBS)
            it should have -lQt5Svg

            SavizS 1 Reply Last reply
            0
            • SGaistS Offline
              SGaistS Offline
              SGaist
              Lifetime Qt Champion
              wrote on last edited by
              #19

              Drop the C++ CONFIG, you do not need that currently.

              You should also consider updating to the latest Qt 6.1.

              Interested in AI ? www.idiap.ch
              Please read the Qt Code of Conduct - https://forum.qt.io/topic/113070/qt-code-of-conduct

              1 Reply Last reply
              0
              • JoeCFDJ Offline
                JoeCFDJ Offline
                JoeCFD
                wrote on last edited by JoeCFD
                #20

                @Saviz Another possibility is svg is not installed. Run MaintenaceTool to add it. I just installed Qt 6.1.2 in which svg is included. If you can find it in the Qt lib dir, check the path settings for Qt.

                SavizS 1 Reply Last reply
                0
                • JoeCFDJ JoeCFD

                  @Saviz CONFIG += c++17 you also need 17 for Qt 6.
                  Show this line of your Makefile:
                  LIBS = $(SUBLIBS)
                  it should have -lQt5Svg

                  SavizS Offline
                  SavizS Offline
                  Saviz
                  wrote on last edited by Saviz
                  #21

                  @JoeCFD

                  I don't see this line in my qmake file. Maybe that is the reason it doesn't work. Should I add it?

                  1 Reply Last reply
                  0
                  • JoeCFDJ JoeCFD

                    @Saviz Another possibility is svg is not installed. Run MaintenaceTool to add it. I just installed Qt 6.1.2 in which svg is included. If you can find it in the Qt lib dir, check the path settings for Qt.

                    SavizS Offline
                    SavizS Offline
                    Saviz
                    wrote on last edited by
                    #22

                    @JoeCFD said in How to use SVG:

                    MaintenaceTool

                    If I want to only install the SVG components, then what component do I have to select in the MaintenaceTool to install?

                    mrjjM 1 Reply Last reply
                    0
                    • SavizS Saviz

                      @JoeCFD said in How to use SVG:

                      MaintenaceTool

                      If I want to only install the SVG components, then what component do I have to select in the MaintenaceTool to install?

                      mrjjM Offline
                      mrjjM Offline
                      mrjj
                      Lifetime Qt Champion
                      wrote on last edited by mrjj
                      #23

                      @Saviz

                      Hi

                      It should be included in any of the installer options. Its not a standalone option.

                      I don't have Qt6 to test with.

                      So the project I linked cannot run under Qt6 ?

                      complains about svg ?

                      Try install the Qt 6.1.2 as @JoeCFD suggests

                      SavizS 1 Reply Last reply
                      0
                      • mrjjM mrjj

                        @Saviz

                        Hi

                        It should be included in any of the installer options. Its not a standalone option.

                        I don't have Qt6 to test with.

                        So the project I linked cannot run under Qt6 ?

                        complains about svg ?

                        Try install the Qt 6.1.2 as @JoeCFD suggests

                        SavizS Offline
                        SavizS Offline
                        Saviz
                        wrote on last edited by Saviz
                        #24

                        @mrjj

                        I will give it a try. But my speed is not the best. It may take a while to download the new version. But I will report back how it went. Thank you all for your help

                        mrjjM 1 Reply Last reply
                        0
                        • SavizS Saviz

                          @mrjj

                          I will give it a try. But my speed is not the best. It may take a while to download the new version. But I will report back how it went. Thank you all for your help

                          mrjjM Offline
                          mrjjM Offline
                          mrjj
                          Lifetime Qt Champion
                          wrote on last edited by
                          #25

                          @Saviz

                          Hi
                          Else a sure bet is installing Qt5.15.
                          While v6 does offer new things
                          https://wiki.qt.io/New_Features_in_Qt_6.0
                          Its mostly if you are using QML and it still has lots of features missing planned
                          for some later releases.

                          SavizS 1 Reply Last reply
                          1
                          • mrjjM mrjj

                            @Saviz

                            Hi
                            Else a sure bet is installing Qt5.15.
                            While v6 does offer new things
                            https://wiki.qt.io/New_Features_in_Qt_6.0
                            Its mostly if you are using QML and it still has lots of features missing planned
                            for some later releases.

                            SavizS Offline
                            SavizS Offline
                            Saviz
                            wrote on last edited by
                            #26

                            @mrjj

                            Okay, I will try it. By the way I have one last question. Why isn't there a widget for SVG in QT Designer by default?

                            mrjjM 1 Reply Last reply
                            0
                            • SavizS Saviz

                              @mrjj

                              Okay, I will try it. By the way I have one last question. Why isn't there a widget for SVG in QT Designer by default?

                              mrjjM Offline
                              mrjjM Offline
                              mrjj
                              Lifetime Qt Champion
                              wrote on last edited by
                              #27

                              @Saviz

                              • Why isn't there a widget for SVG in QT Designer by default?

                              Too much work I would guess. To allow a Widget to be used in design time, a plugin must be made and maintained across many Designers.
                              And QSvgWidget doesn't have any properties to set at Design time. (besides the svg file) so I gues sit was
                              not worth the effort.

                              You can use the Producer Promote feature to allow a Qwidget as a place holder in Designer and then app is run its
                              the SVG one.

                              SavizS 1 Reply Last reply
                              2
                              • mrjjM mrjj

                                @Saviz

                                • Why isn't there a widget for SVG in QT Designer by default?

                                Too much work I would guess. To allow a Widget to be used in design time, a plugin must be made and maintained across many Designers.
                                And QSvgWidget doesn't have any properties to set at Design time. (besides the svg file) so I gues sit was
                                not worth the effort.

                                You can use the Producer Promote feature to allow a Qwidget as a place holder in Designer and then app is run its
                                the SVG one.

                                SavizS Offline
                                SavizS Offline
                                Saviz
                                wrote on last edited by
                                #28

                                @mrjj

                                Very interesting. Is there a documentation that I can use for the Producer Promote feature so I can learn it?

                                mrjjM 1 Reply Last reply
                                0
                                • SavizS Saviz

                                  @mrjj

                                  Very interesting. Is there a documentation that I can use for the Producer Promote feature so I can learn it?

                                  mrjjM Offline
                                  mrjjM Offline
                                  mrjj
                                  Lifetime Qt Champion
                                  wrote on last edited by mrjj
                                  #29

                                  @Saviz

                                  Hi
                                  Its very handy.

                                  In your use case you place a QWidget on the form, right-click and choose to promote.
                                  Then tell it QSvgWidget for class name and it will guess on QSvgWidget.h
                                  Then press Add (+), then then promote.

                                  https://doc.qt.io/qt-5/designer-using-custom-widgets.html

                                  https://stackoverflow.com/questions/33588289/what-is-promote-to-feature-in-qt-creator-and-how-does-it-work

                                  Do note:
                                  Accessing it via Ui-> is possible and you can call the real functions from code, just like any other widget.

                                  SavizS 1 Reply Last reply
                                  1
                                  • mrjjM mrjj

                                    @Saviz

                                    Hi
                                    Its very handy.

                                    In your use case you place a QWidget on the form, right-click and choose to promote.
                                    Then tell it QSvgWidget for class name and it will guess on QSvgWidget.h
                                    Then press Add (+), then then promote.

                                    https://doc.qt.io/qt-5/designer-using-custom-widgets.html

                                    https://stackoverflow.com/questions/33588289/what-is-promote-to-feature-in-qt-creator-and-how-does-it-work

                                    Do note:
                                    Accessing it via Ui-> is possible and you can call the real functions from code, just like any other widget.

                                    SavizS Offline
                                    SavizS Offline
                                    Saviz
                                    wrote on last edited by Saviz
                                    #30

                                    @mrjj

                                    So, if I want to create a custom widget for SVG, how can I do that? Is there an example that I can follow for promoting a widget to SVG?

                                    (I ask this because I really want to use SVG as default and I need a solution.)
                                    (I am also a beginner so I have no idea where to start :) )

                                    mrjjM 1 Reply Last reply
                                    0
                                    • SavizS Saviz

                                      @mrjj

                                      So, if I want to create a custom widget for SVG, how can I do that? Is there an example that I can follow for promoting a widget to SVG?

                                      (I ask this because I really want to use SVG as default and I need a solution.)
                                      (I am also a beginner so I have no idea where to start :) )

                                      mrjjM Offline
                                      mrjjM Offline
                                      mrjj
                                      Lifetime Qt Champion
                                      wrote on last edited by
                                      #31

                                      @Saviz
                                      Hi
                                      What you mean with custom widget for SVG ?

                                      You mean your own classed based on QSvgWidget ?

                                      Or to simply use QSvgWidget ?

                                      1 Reply Last reply
                                      0
                                      • L Offline
                                        L Offline
                                        Labidi Ahmed
                                        wrote on last edited by
                                        #32

                                        So i am using Qt 6.2.2 & ran into the same problem the solution was :

                                        in the .pro file its QT+= svg svgwidgets
                                        now you can

                                        #include <QSvgWidgets>
                                        

                                        found it in the included svgviewer example in QT qtsvg-svgviewer-example

                                        hope i helped

                                        1 Reply Last reply
                                        2
                                        • SMEasyS Offline
                                          SMEasyS Offline
                                          SMEasy
                                          wrote on last edited by
                                          #33

                                          As explained here, QSvgWidget has been moved to a new module called QtSvgWidgets. According to the documentation:

                                          Header: #include <QSvgWidget>
                                          CMake: find_package(Qt6 REQUIRED COMPONENTS SvgWidgets) target_link_libraries(mytarget PRIVATE Qt6::SvgWidgets)
                                          qmake: QT += svgwidgets
                                          Inherits: QWidget

                                          So in Qt6 the solution is following:

                                          QT += svgwidgets
                                          
                                          1 Reply Last reply
                                          2

                                          • Login

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Categories
                                          • Recent
                                          • Tags
                                          • Popular
                                          • Users
                                          • Groups
                                          • Search
                                          • Get Qt Extensions
                                          • Unsolved