Inkscape.org
Beginners' Questions Add new object to SVG-sprite with coordinates
  1. #1
    Sofia Chaves Sofia Chaves @mangotrees

    Hello!
    I am new to using Inkscape and SVG. I have an SVG-sprite with lots the icons I need for a website. Now I am trying to add a new icons, but the new icons don't have the coordinates. In fact, they look completely different from the other objects.

    How can I add them to look the same as the other ones? [with coordinates, an SVG instead of just a group?]
    Thanks in advance : )

    This is an example of the type of object I need:

    <svg
         width="18"
         height="18"
         viewBox="0 0 4.762 4.763"
         id="verified-checkmark"
         x="830"
         y="502"
         version="1.1">
        <text
           transform="matrix(0.97607,0,0,1.02452,-7.474,-15.857)"
           style="font-style:italic;font-weight:400;font-size:3.82800007px;line-height:1.25;font-family:Lato;-inkscape-font-specification:'Lato Italic';letter-spacing:0;word-spacing:0;stroke-width:0.131"
           x="13.154"
           y="18.985001"
           font-style="italic"
           font-weight="400"
           font-size="3.828"
           letter-spacing="0"
           word-spacing="0"
           id="text3172" />
        <path
           d="m 2.381,0 a 2.3815,2.3815 0 1 0 0,4.763 2.3815,2.3815 0 0 0 0,-4.763 z M 2.112,4.052 0.877,2.848 1.182,2.484 2.089,3.345 3.566,1.008 3.976,1.341 Z"
           id="path3174"
           inkscape:connector-curvature="0"
           style="fill:#008000" />
      </svg>

    Example of what I have so far:

    <g
         id="ic_reservation_link"
         inkscape:label="#g4724">
        <path
           id="path951"
           style="clip-rule:evenodd;fill:none;fill-rule:evenodd;stroke:#0a529d;stroke-width:0.47999999px;stroke-miterlimit:10"
           d="m 865.41813,521.53103 v 1.68 c 0,0.265 -0.215,0.48 -0.48,0.48 h -0.48 c -0.265,0 -0.48,-0.215 -0.48,-0.48 v -1.68"
           inkscape:connector-curvature="0" />
        <path
           id="path953"
           style="clip-rule:evenodd;fill-rule:nonzero;stroke:#0a529d;stroke-width:0.47999999px;stroke-miterlimit:10"
           d="m 864.69813,521.53103 v 5.28"
           inkscape:connector-curvature="0" />
        <path
           id="path955"
           style="clip-rule:evenodd;fill:none;fill-rule:evenodd;stroke:#0a529d;stroke-width:0.47999999px;stroke-miterlimit:10"
           d="m 866.85813,526.81103 v -5.04 c 0.53,0 0.96,0.43 0.96,0.96 v 1.68 l -0.96,0.48"
           inkscape:connector-curvature="0" />
        <path
           inkscape:label="#path957"
           id="path957"
           style="clip-rule:evenodd;fill:none;fill-rule:evenodd;stroke:#0a529d;stroke-width:0.47999999px;stroke-miterlimit:10"
           d="m 865.41513,521.53203 v 1.68 c 0,0.265 -0.215,0.48 -0.48,0.48 h -0.48 c -0.265,0 -0.48,-0.215 -0.48,-0.48 v -1.68"
           inkscape:connector-curvature="0" />
      </g>

     

Inkscape Inkscape.org Inkscape Forum Beginners' Questions Add new object to SVG-sprite with coordinates