To use this svg image in your project, create HTML page copy the code given below of every svg image here and just post in your html and save. default background color of all images is black you can change it as per requirements. inline css is applied here.

swan SVG image
Swan SVG img
Get code 

                   
                <svg id="mysvg" height="900" viewBox="-88 -39 39 26" style="background-color:black;">
            
                  <defs>
                    <linearGradient id="Gradient1" x1="1" x2="0" y1="0" y2="1">
                      <stop class="stop1" offset="40%" style="stop-color: rgb(255, 255, 255)"/>
                      <stop class="stop2" offset="60" style="  stop-color: rgb(92, 137, 145);"/>
                      <stop class="stop3" offset="100%" style="stop-color: rgb(68, 110, 117);"/>
                    </linearGradient>  
                </defs>
                
                <path d="M -63 -31 C -64 -33 -64 -37 -62 -37 C -61 -37 -60 -36 -62 -35 S -61.441 -31.598 -61.738 -29.879 S -66.61 -23.071 -74.276 -28.756 S -65.145 -26.688 -63 -31 C -69.107 -24.147 -70.649 -27.554 -75 -32 S -75 -32 -75 -32 A 1 1 0 0 0 -75 -32 C -69.529 -30.008 -72.577 -31.783 -62.998 -31.001" stroke="none" stroke-width=".3" fill="white"/>
                <path d="M -61 -36 Q -58 -36 -62 -35 " stroke="none" stroke-width=".3" fill="orange"/>
                <path d="M -61 -36 A 1 1 0 0 0 -62 -36 L -61 -36 L -61 -36 L -61 -36 C -60 -36 -60 -36 -60 -36"
                stroke="none" stroke-width=".3" fill="black"/>
                <path id="rect1" d=" M -62.763 -30.943 C -70.615 -22.261 -73.576 -30.855 -74.98 -32.004"  stroke="none" stroke-width=".3" fill="url(#Gradient1)" style="
                 fill: url(#Gradient1);"/>
                <path d="M -62.939 -30.982 C -71.251 -35.002 -70.133 -31.529 -74.997 -31.988" fill="white"/>
                <path d="M -62.939 -31.001 C -71.228 -35.009 -69.742 -31.549 -75.001 -32.018 C -69.586 -30.923 -72.714 -31.705 -62.998 -31.001" fill="white"/>
                
                </svg>
Envelope SVG image
Envelope SVG img
Get code 

                   
                  <svg id="mysvg" viewBox="0 0 1250 600">
                    <path d="M 236.679 218.668 L 851.313 108.349 L 979.643 421.295 L 367.763 
                    
                    545.674 L 237.805 218.668" stroke="teal" stroke-width="1" fill="teal"/> 
                    <path d="M 236.829 217.441 L 357.898 557.332 L 367.763 544.777" 
                    
                    stroke="#003333" stroke-width="0.6" fill=" #003333"/>
                    <path d="M 979.643 421.295 L 965.039 433.572 L 357.898 556.435 L 367.763 
                    
                    544.777" stroke="#003333" stroke-width="0.6" fill="#003333"/> 
                    <path d="M 853.565 112.852 L 238.623 220.131 C 501.219 328.987 808.097 
                    
                    490.071 849.35 116.998" stroke="#003333" stroke-width="0.5" 
                    
                    fill="#003333"/> 
                    <path d="M 852.041 106.236 L 236.829 218.338 C 460.694 265.947 818.668 
                    
                    522.608 852.041 108.927" stroke-width="0" fill="#20b2aa"/>
                    
                    </svg>
lamp SVG image
Clay oil lamp SVG img
Get code 

                   
                 <svg id="mysvg"  viewbox="-200 -50 1200 600" >
    <defs>
        <linearGradient id="Gradient1" x1="1" x2="0" y1="0" y2="1">
          <stop class="stop1" offset="40%" style="stop-color: rgb(171, 6, 6)"/>
          <stop class="stop2" offset="60%" style="  stop-color: #5d0303;"/>
          <stop class="stop3" offset="100%" style="stop-color: #280202;"/>
        </linearGradient>  
        <linearGradient id="Gradient2" x1="1" x2="0" y1="0" y2="1">
            <stop class="stop4" offset="40%" style="stop-color: rgb(50, 43, 39)"/>
            <stop class="stop5" offset="60%" style="  stop-color: sienna;"/>
            <stop class="stop6" offset="100%" style="stop-color: sienna;"/>
          </linearGradient>  
    </defs>

    <path d="M 222.3 276.1 C 269.992 277.097 292.7 317.4 312.6 332.9 C 418.183 563.33 772.421 549.119 832.307 331.907 C 864.8 149.2 79.17 264.917 222.3 275.1" stroke="brown" stroke-width="0" fill="url(#Gradient1)"/>
      <path d="M 223.301 275.067 C 457.768 320.742 907.418 336.982 814.037 280.142" stroke-width="0" fill="rgb(171, 6, 6)"/> 
      <path d="M 259.842 268.977 C 480.099 235.481 752.121 239.542 805.917 291.307 C 856.667 313.637 447.618 309.577 258.827 268.977" stroke=" #4d0000" stroke-width="3" fill=" #4d0000"/>
     <path d="M 331.907 366.418 L 330.892 365.403" stroke="teal" stroke-width="0.3" fill="sienna"/> 
     <path d="M 790.692 279.127 C 718.626 245.632 498.369 230.406 256.797 267.962 C 422.243 305.517 612.05 289.277 789.677 280.142" stroke="sienna" stroke-width="0" fill=" #4d0000"/> 
     <path d="M 331.907 366.418" stroke="sienna" stroke-width="0.5" fill="sienna"/>
     <path d="M 271.736 272.504 C 273.538 219.178 223.3013 218.5647 221.128 167.539 C 242.708 209.158 294.087 246.299 297.811 277.448 L 271.378 271.441 L 269.992 253.752 L 286.232 248.677 L 297.21 276.247" stroke="sienna" stroke-width="0" fill="url(#Gradient2)"/>
</svg>
city silhouette SVG image
city SVG img
Get code 

                   
                 <svg id="bldg" viewbox="209 167 630 389">
    <path d="M 205.039 490.018 L 203.856 421.419 L 221.597 420.828 L 221.006 388.894 L 263.584 387.12 L 263.584 419.054 L 285.465 418.462 L 284.874 445.074 L 301.432 445.074 L 297.884 348.089 L 339.28 348.089 L 339.871 378.841 L 362.343 377.658 L 364.709 435.021 L 384.815 435.021 L 384.815 306.102 L 405.513 306.102 L 404.33 285.404 L 424.437 284.813 L 422.663 247.557 L 430.351 245.783 L 432.716 283.039 L 456.371 283.63 L 458.145 303.737 L 478.843 303.145 L 480.026 356.369 L 513.142 357.551 L 514.916 437.978 L 539.754 437.978 L 537.388 301.371 L 570.505 300.189 L 569.322 267.663 L 641.47 264.706 L 677.543 295.458 L 678.726 346.315 L 709.477 346.907 L 714.799 485.879 L 739.045 486.47 L 736.089 346.315 L 782.215 298.414 L 781.033 259.384 L 828.339 259.384 L 830.116 485.879 L 204.447 490.018" stroke="black" stroke-width=".3" fill="black"/> 
    <path d="M 231.65 418.462 L 230.468 398.947 L 249.983 398.356 L 251.166 418.462 L 231.65 419.054" stroke="black" stroke-width=".3" fill="white"/> 
     <path d="M 308.528 358.142 L 329.226 357.551 L 329.817 375.883 L 308.528 375.883 L 307.936 358.142" stroke="black" stroke-width=".3" fill="white"/>  
     <path d="M 309.119 391.259 L 326.86 391.259 L 328.043 406.043 L 310.302 406.634 L 309.119 391.85" stroke="black" stroke-width=".3" fill="white"/>  
     <path d="M 336.912 390.667 L 352.288 391.259 L 352.288 406.043 L 336.912 406.634 L 336.321 390.667" stroke="black" stroke-width=".3" fill="white"/>  
     <path d="M 402.554 317.929 L 426.209 316.155 L 425.617 339.218 L 401.963 340.992 L 401.371 318.52" stroke="black" stroke-width=".3" fill="white"/>  
     <path d="M 443.358 316.746 L 465.831 316.155 L 465.239 338.035 L 442.767 338.627 L 443.358 317.338" stroke="black" stroke-width=".3" fill="white"/>  
     <path d="M 402.554 353.411 L 425.617 352.82 L 426.209 371.744 L 403.145 373.518 L 402.554 353.411" stroke="black" stroke-width=".3" fill="white"/>  
     <path d="M 439.81 353.411 L 462.873 352.229 L 463.464 371.153 L 440.401 371.153 L 440.401 351.637" stroke="black" stroke-width=".3" fill="white"/>  
     <path d="M 403.736 388.302 L 426.208 388.894 L 426.208 405.452 L 402.553 406.043 L 403.145 388.302" stroke="black" stroke-width=".3" fill="white"/>  
     <path d="M 439.81 387.711 L 462.873 387.711 L 463.464 404.861 L 439.81 406.043 L 440.992 388.302" stroke="black" stroke-width=".3" fill="white"/>  
     <path d="M 481.205 386.528 L 506.043 385.937 L 504.86 405.452 L 481.796 406.635 L 481.205 387.119" stroke="black" stroke-width=".3" fill="white"/>  
     <path d="M 552.169 317.929 L 581.146 316.747 L 582.329 337.444 L 553.352 338.036 L 552.761 318.521" stroke="black" stroke-width=".3" fill="white"/>  
     <path d="M 596.522 316.747 L 622.542 314.972 L 624.316 338.036 L 597.705 339.219 L 597.113 317.338" stroke="black" stroke-width=".3" fill="white"/>  
     <path d="M 637.918 316.747 L 662.755 316.155 L 662.755 337.444 L 637.327 336.853 L 636.735 316.155" stroke="black" stroke-width=".3" fill="white"/>  
     <path d="M 553.943 354.594 L 581.738 355.186 L 582.329 373.518 L 553.943 374.701 L 554.535 354.594" stroke="black" stroke-width=".3" fill="white"/>  
     <path d="M 597.113 355.777 L 623.725 355.777 L 625.499 375.292 L 597.705 374.109 L 597.113 355.186" stroke="black" stroke-width=".3" fill="white"/>  
     <path d="M 638.509 355.777 L 664.53 355.186 L 665.121 376.475 L 639.692 377.066 L 639.101 355.777" stroke="black" stroke-width=".3" fill="white"/>  
     <path d="M 793.448 307.285 L 817.694 307.285 L 818.286 329.165 L 793.448 329.757 L 793.448 307.285" stroke="black" stroke-width=".3" fill="white"/>
     <path d="M 794.04 345.132 L 818.286 344.541 L 818.286 365.239 L 795.222 365.83 L 794.04 345.724 L 794.04 345.724" stroke="black" stroke-width=".3" fill="white"/>
     <path d="M 753.826 345.724 L 776.298 345.132 L 777.481 365.83 L 752.644 366.422 L 752.052 345.724" stroke="black" stroke-width=".3" fill="white"/>
</svg>
tea cup SVG image
Tea cup SVG img
Get code 

                   
                <svg id="tea" viewbox="131 195 806 497">
  <linearGradient id="Gradient1" x1="1" x2="0" y1="0" y2="0">
    <stop class="stop1" offset="70%" style="stop-color:  #014433;"/>
    <stop class="stop3" offset="100%" style="stop-color:   #00ffbf;"/>
  </linearGradient>  
  <path d="M 353.743 373.272 C 295.982 431.623 334.882 497.635 370.749 527.519 C 409.324 544.159 455.119 540.662 487.988 529.031 C 536.457 488.794 555.317 406.278 502.271 370.915 C 483.411 351.464 390.286 347.928 353.153 373.272" stroke="white" stroke-width="0"
  fill="url(#Gradient1)"/> >
  <path d="M 356.69 391.543 C 407.378 374.451 481.053 377.987 498.735 388.007 C 496.967 393.901 411.504 409.814 356.69 392.133" stroke="white" stroke-width="0"
  fill="#804000"/> 
  <path d="M 354.333 383.881 C 417.988 351.464 472.212 366.788 503.451 379.755 C 504.629 383.881 502.359 386.077 498.735 388.596 C 488.716 380.345 406.789 371.504 356.69 392.133 C 357.28 391.543 352.596 390.615 354.922 383.292" stroke="white" stroke-width="0"
  fill=" #003326"/> 
<path d="M 523.537 393.64 C 602.957 358.09 586.317 472.303 523.537 479.111 L 529.588 467.009 C 550.011 460.201 588.586 386.833 529.588 405.742 L 523.537 392.884" stroke="#014433" stroke-width=".3"
fill="#014433"/>  
</svg>
shocked girl SVG image
Shocked girl SVG img
Get code 

                   
                <svg id="fish" height="700" viewbox="-4 -5 45 26" style="background-color:black;">

  <defs>
      <linearGradient id="Gradient1" x1="0" x2="1" y1="0" y2="1">
        <stop class="stop1" offset="0%" style="stop-color: white;"/>
        <stop class="stop3" offset="100%" style=" stop-color: #870303;"/>
      </linearGradient>  
      <linearGradient id="Gradient2" x1="0" x2="1" y1="0" y2="1">
          <stop class="stop4" offset="0%" style="stop-color: #e2b5b5;"/>
          <stop class="stop5" offset="100%" style="stop-color: #520101;"/>
        </linearGradient>  
        <linearGradient id="Gradient4" x1="0" x2="1" y1="0" y2="1">
          <stop class="stop8" offset="0%" style="stop-color: #583131;"/>
          <stop class="stop9" offset="100%" style="stop-color: #2d0c0c;"/>
        </linearGradient>   
     
  </defs>

<path d="M 9.882 4.127 C 15.583 0 22.56 6.108 19.981 10.343 C 17.12 18.537 2.932 10.751 9.882 4.099" stroke="chocolate" stroke-width="0" fill="url(#Gradient1)"/> 
<path d="M 9.037 3.521 C 10.814 2.023 12.382 3.835 11.964 5.054 C 10.152 7.737 7.713 5.228 9.037 3.521" stroke="chocolate" stroke-width="0.1" fill="white"/> 
<path d="M 11.65 4.845 C 13.222 1.276 16.342 4.856 15.448 5.82 C 15.14 7.823 11.1 8.027 11.662 4.856" stroke="chocolate" stroke-width="0.1" fill="white"/> 
<path d="M 11.304 4.601 C 11.406 4.268 11.023 3.961 10.665 4.294 C 10.614 4.601 10.844 4.984 11.304 4.652" stroke="black" stroke-width="0.3" fill="black"/> 
<path d="M 12.276 4.907 C 12.506 4.549 13.043 4.703 12.839 5.163 C 12.583 5.444 12.276 5.291 12.276 4.907" stroke="black" stroke-width="0.3" fill="white"/> 
<path d="M 10.997 4.191 C 11.585 4.294 11.176 4.728 11.074 4.703 C 11.0483 4.5323 10.818 4.524 10.997 4.191" stroke="white" stroke-width="0.3" fill="black"/> 
<path d="M 12.787 4.831 C 12.762 4.754 12.276 4.498 12.378 5.112 C 12.481 5.086 12.762 5.112 12.762 4.856" stroke="white" stroke-width="0.3" fill="white"/> 
<path d=" M 8.295 7.599 C 8.548 5.872 11.483 6.57 10.716 8.769 C 10.232 11.726 8 9.662 8.295 7.599" stroke="red" stroke-width="0" fill="url(#Gradient2)"/> 
<path d=" M 6 16 C 5 15 3 11 7 9 C 8 9 7 10 6 11 C 9 7 9 10 7 12 C 9 9 9 11 8 13 C 7 14 10 14 10 17 M 6 16 C 7 17 7 17 8 17 L 10 17" stroke="white" stroke-width="0.1" fill="url(#Gradient1)"/> 
<path d=" M 12 3 C 15 1 26 4 19 12 C 21 8 19 2 12 3" stroke="white" stroke-width="0" fill="url(#Gradient4)"/> 
<path d="M 18 3 C 16 -1 22 -2 25 1 C 29 5 25 10 28 14 C 23 15 22 11 21 6" stroke="white" stroke-width="0" fill="url(#Gradient4)"/> 
</svg>
shocked boy SVG image
Shocked boy SVG img
Get code 

                   
                <svg id="boy" height="700" viewbox="-4 -5 45 26" style="background-color:black ;">

  <defs>
    <linearGradient id="Gradient1" x1="0" x2="1" y1="0" y2="1">
      <stop class="stop1" offset="0%" style="stop-color: white;"/>
      <stop class="stop3" offset="100%" style=" stop-color: #870303;"/>
    </linearGradient>  
    <linearGradient id="Gradient2" x1="0" x2="1" y1="0" y2="1">
        <stop class="stop4" offset="0%" style="stop-color: #e2b5b5;"/>
        <stop class="stop5" offset="100%" style="stop-color: #520101;"/>
      </linearGradient>  
      <linearGradient id="Gradient4" x1="0" x2="1" y1="0" y2="1">
        <stop class="stop8" offset="0%" style="stop-color: #583131;"/>
        <stop class="stop9" offset="100%" style="stop-color: #2d0c0c;"/>
      </linearGradient>   
     
  </defs>
<path d="M 9.882 4.127 C 15.583 0 22.56 6.108 19.981 10.343 C 17.12 18.537 2.932 10.751 9.882 4.099" stroke="chocolate" stroke-width="0" fill="url(#Gradient1)"/> 
<path d="M 9.037 3.521 C 10.814 2.023 12.382 3.835 11.964 5.054 C 10.152 7.737 7.713 5.228 9.037 3.521" stroke="chocolate" stroke-width="0.1" fill="white"/> 
<path d="M 11.65 4.845 C 13.222 1.276 16.342 4.856 15.448 5.82 C 15.14 7.823 11.1 8.027 11.662 4.856" stroke="chocolate" stroke-width="0.1" fill="white"/> 
<path d="M 11.304 4.601 C 11.406 4.268 11.023 3.961 10.665 4.294 C 10.614 4.601 10.844 4.984 11.304 4.652" stroke="black" stroke-width="0.3" fill="black"/> 
<path d="M 12.276 4.907 C 12.506 4.549 13.043 4.703 12.839 5.163 C 12.583 5.444 12.276 5.291 12.276 4.907" stroke="black" stroke-width="0.3" fill="white"/> 
<path d="M 10.997 4.191 C 11.585 4.294 11.176 4.728 11.074 4.703 C 11.0483 4.5323 10.818 4.524 10.997 4.191" stroke="white" stroke-width="0.3" fill="black"/> 
<path d="M 12.787 4.831 C 12.762 4.754 12.276 4.498 12.378 5.112 C 12.481 5.086 12.762 5.112 12.762 4.856" stroke="white" stroke-width="0.3" fill="white"/> 
<path d=" M 8.295 7.599 C 8.548 5.872 11.483 6.57 10.716 8.769 C 10.232 11.726 8 9.662 8.295 7.599" stroke="red" stroke-width="0" fill="url(#Gradient2)"/> 
<path d=" M 6 16 C 5 15 3 11 7 9 C 8 9 7 10 6 11 C 9 7 9 10 7 12 C 9 9 9 11 8 13 C 7 14 10 14 10 17 M 6 16 C 7 17 7 17 8 17 L 10 17" stroke="white" stroke-width="0.1" fill="url(#Gradient1)"/> 
<path d=" M 20 6 C 23 1 16 1 16 -1 C 13 3 18 6 20 6" stroke="black" stroke-width="0" fill="url(#Gradient4)"/> 
<path d="M 19 6 C 17 9 19.3333 10 19 12 C 21 10 25 7 20 5 L 19 6" stroke="black" stroke-width="0" fill="url(#Gradient4)"/> 
</svg>
fish SVG image
fish SVG img
Get code 

                   
                <svg id="fish" height="800" viewbox="-32 -18 68 40" style="background-color:rgb(9, 80, 75) ;">
      <defs>
        
        <linearGradient id="Gradient3" x1="0" x2="1" y1="0" y2="1">
            <stop class="stop6" offset="0%" style="stop-color: #eee770;"/>
            <stop class="stop7" offset="100%" style="stop-color: #e87b7b;"/>
          </linearGradient>  
          
      </defs>
        <path d="M 12.633 3.263 C 13.47 -1.579 -2.423 -8.491 -5.549 -5.013 C -7.31 -3.825 -7.4127 -1.0073 -8.278 1.238 C -11.712 1.194 -15.63 -10.12 -15.146 0.006 C -13.252 4.408 -17.303 4.364 -14.793 8.722 C -12.724 14.137 -10.831 3.748 -8.234 3.88 C -7.353 6.565 -7.682 10.843 -3.435 11.056 C 3.213 11.54 10.389 8.678 12.59 5.553 C 12.634 5.553 7.615 6.037 12.59 3.219" stroke="chocolate" stroke-width="0" fill="url(#Gradient3)"/>  
        <path d="M 12.59 3.219 C 13.646 4.012 12.634 4.819 10.433 4.628" stroke="url(#Gradient3)" stroke-width="0.2" fill="url(#Gradient3)"/>  
        <path d="M 12.59 5.641 C 13.118 5.2 11 4 10 5 C 11 6 11 6 12 6" stroke="url(#Gradient3)" stroke-width="0.2" fill="url(#Gradient3)"/>  
        <path d="M 8.936 2.163 C 6.999 -1.227 5.766 1.59 4.269 0.842 C 4.005 1.326 6.118 4.012 8.848 2.119" stroke="chocolate" stroke-width="0" fill="white"/>  
        <path d="M 7.527 1.59 C 8.319 1.194 6.25 -0.435 5.722 1.414 C 5.81 2.955 7.835 2.163 7.571 1.579" stroke="chocolate" stroke-width="0" fill="green"/>  
        <path d="M 6.866 1.062 C 6.91 1.106 6.69 2.163 6.074 1.062 C 5.898 1.062 6.558 0.226 6.822 1.062" stroke="chocolate" stroke-width="0" fill="white"/>  
        <path d="M 2.963 -3.645 C 0.353 0.777 1.876 5.925 4.195 8.39 C 2.89 5.127 1.803 1.865 2.963 -3.5" stroke="chocolate" stroke-width="0" fill="wheat"/>  
        <path d="M -0.082 -4.152 C -3.127 1.285 -1.604 6.142 0.208 8.027 C -0.734 4.837 -1.894 0.922 -0.082 -4.152" stroke="chocolate" stroke-width="0" fill="wheat"/>  
        <path d="M -3.634 -3.862 C -7.549 1.212 -6.244 6.215 -4.142 7.592 C -5.084 4.692 -6.389 1.647 -3.634 -3.862" stroke="chocolate" stroke-width="0" fill="wheat"/>  
        <path d="M 8.908 2.155 C 9.125 -1.325 6.008 -0.382 3.398 -0.02 C 4.993 2.662 6.66 -1.905 8.908 2.155" stroke="chocolate" stroke-width="0" fill="wheat"/> 
        <path d="M 5.935 -3.572 C 1.9967 -6.2787 0.498 -10.967 -7.041 -9.154 C -2.619 -6.037 -5.7847 -7.1487 -5.664 -5.022" stroke="chocolate" stroke-width="0" fill="url(#Gradient3)"/>  
        <path d="M 5.645 9.984 C 1.5617 11.9903 -0.952 17.089 -5.519 14.262 C -3.489 12.304 -2.619 13.754 -4.504 10.999" stroke="chocolate" stroke-width="0" fill="url(#Gradient3)"/>
        
        </svg>
faceless man
Faceless man SVG img
Get code 

                   
                 <svg id="boy" height="700" viewbox="-1 -1 100 58.42" style="background-color:transparent">
        <defs>
            <linearGradient id="Gradient1" x1="0" x2="1" y1="0" y2="1">
              <stop class="stop1" offset="0%" style="stop-color: white;"/>
              <stop class="stop3" offset="100%" style=" stop-color: #870303;"/>
            </linearGradient>  
              <linearGradient id="Gradient2" x1="0" x2="1" y1="0" y2="0">
                <stop class="stop4" offset="0%" style="stop-color: rgb(236, 217, 183);"/>
                <stop class="stop5" offset="100%" style="stop-color: #c76b3d;;"/>
              </linearGradient>  
              <linearGradient id="Gradient4" x1="0" x2="1" y1="0" y2="0">
                <stop class="stop8" offset="0%" style="stop-color: #c76b3d;"/>
                <stop class="stop9" offset="100%" style="stop-color: rgb(236, 217, 183);"/>
              </linearGradient>   
             
          </defs>

    <path d="M 26 21 C 22 12 25 9 29 10 C 30 7 33 6 38 6 C 38 7 37 8 36 8 C 40 7 43 9 45 11 C 48 13 48 19 46 21 C 46 18 42 16 43 14 C 40 16 34 12 39 16 C 35 17 32.3333 14.3333 30 14 C 29 17 26 17 26 21" stroke="black" stroke-width="0.1" fill="black"/>  
    <path d="M 26 21 C 23 20 24 24 26 25 C 33 41 46 32 46 25 C 49 24 49 20 46 21 C 46 18 42 16 43 14 C 41 16 34 12 39 16 C 35 17 33 14.6667 30 14 C 29 17 26 17 26 21" stroke="#c55218;" stroke-width="0.1" fill="url(#Gradient2)"/>  
    <path d="M 31 32 C 32 37 32 39 31 40 C 29.3333 40 28 41 26 40 C 33 48 42 49 47 40 C 45 41 43.6667 40.3333 42 40 C 41 38 41 36 42 32 C 39 34 35 35 31 32" stroke="#c57a54;" stroke-width="0.1" fill="url(#Gradient4)"/>  
    <path d="M 26 40 C 18 41 17 41 14 56 C 29 56 44 56 59 56 C 56 52 60 41 47 40 C 42 49 33 48 26 40" stroke="brown" stroke-width="0.1" fill="brown"/> 

    </svg>

sleeping boy SVG image
Sleeping boy SVG img
Get code 

                   
              <svg viewbox="-15 10 120 58.82" style="width: 900px;
  height:700px; position: absolute; left: 200px;">
    <path d="M 78 25 C 77 21 79.3 22.3 80 21 C 80 23 83 23 82 25 C 86 29 82 33 75 32 C 77 30 76 29 79 28 C 78.7 27 78 28 78 25" fill="black" /> 
    <path d="M 78 24 C 73 25 74.7 23.3 73 23 C 73 26 71.7 24.3 72 25 C 72 29 70 27 69 26 C 68 27 68 26 67 27 C 68 29 70 31 68 31 C 68 32 66.7 32.3 66 33 C 64 35 68.7 35 70 36 C 70 35 72 33 75 32 C 80 31 76.3 30 77 29 C 77.7 28.7 77 29 79 28 C 78 27 78 25 78 24" fill="rgb(238, 187, 153)" /> 
    <path d="M 76 25 C 76 25.7 75 26 76 27 C 76 26.3 74 27 76 25" fill="chocolate" /> 
    <path d="M 66 33 C 58 29 50 33.7 42 34 C 40 37 42.7 40 43 43 C 42 41 72 51 70 36" fill="crimson" /> 
    <path d="M 67 37 C 63 36 60 37 57 38 C 57 40 57.7 40.7 57 44 C 58 44 70 45 67 37" fill="tomato" /> 
    <path d="M 57 38 C 44 40 41 39.3 33 40 C 31 39.3 29 38 27 38 C 28 40 29 39.3 30 40 C 28 40 27 41 24 40 C 24 42 25 44 27 44 C 38 43 47 44 57 44" fill="rgb(238, 187, 153)" /> 
    <path d="M 42 34 C 28 31 14 34 -8 30 C -12 37 -7.3 39.3 -9 46 C 9 46 26 44.3 43 45 C 44 42 40 37 42 34" fill="rgb(128,189,227)" /> 
    <path d="M 87 22 C 85 22 83 23 82 25 C 88 33 73 31 70 36 C 69 39 69 40 70 44 C 77 42 84 40 90 36 C 94 29 92 22 87 22" fill="rgb(128,189,227)" /> 
    <path d="M 91 7 L 99 7 L 99 51 L 92 51 L -15 51 L -15 7 L -9 7 L -9 46 L 70 44 C 78 42 84 38.6667 91 36 L 91 7" fill="brown" /> 
    <path d="M 99 51 L 99 71 L 93 71 L 93 51" fill="brown" /> 
    <path d="M -15 51 L -15 71 L -8 71 L -8 51" fill="brown" />
  </svg>
cycle SVG image
Cycle SVG img
Get code 

                   
              <svg id="mysvg" viewBox="23 -20 100 147" >
  <path d="m 25 37 c 0 -8 12 -8 12 0 c 0 8 -12 8 -12 0" stroke="teal" stroke-width="1" fill="none"/>
  <path d="M 28 37 C 28 33 34 33 34 37 C 34 41 28 41 28 37" stroke="teal" stroke-width="1" fill="teal"/> 
  <path d="M 31 37 L 36 22 L 63 22 L 49 37 L 31 37" stroke="teal" stroke-width="1" fill="none" />
  <path d="M 60 37 C 60 29 72 29 72 37 C 72 45 60 45 60 37" stroke="teal" stroke-width="1" fill="none" /> 
  <path d="M 63 37 c 0 -4 6 -4 6 0 C 69 41 63 41 63 37" stroke="teal" stroke-width="1" fill="teal"/>
  <path d="M 61 16 L 66 37 C 63.6667 29 63 13 58 13" stroke="teal" stroke-width=".8" />
</svg>
girl SVG image
Girl SVG img
Get code 

                   
             <svg viewbox="-3 -1 100 58"  >
    <defs>
      <pattern id="imageo" patternUnits="userSpaceOnUse" width="100" height="100">
            <!-- dress.jpg image is downloaded from freepik.com , don't forget to download any image that can be suit as dress -->
        <image href="images/dress.jpg" x="0" y="0" width="150" height="100" />
      </pattern>
    </defs>
    <path d="M 32 16 C 35 16 34 15 35 14 C 37 8 35 8 37 6 C 36 3 35 2 35 2 C 32 0 28 -1 25 0 C 17 5 26 12 26 16 C 28 16 30 16 32 16" stroke="rgb(221, 194, 161)" stroke-width=".2" fill="rgb(221, 194, 161)"/>
    <path d="M 35 2 C 33 13 31 10 26 16 C 16 7 22 -8 35 2" stroke="" stroke-width="" fill="black"/>
    <path d="M 23 50 C 22 42 13 28 19 24 C 28 26 27 21 26 16 C 28 16 30 16 32 16 C 29 28 34 23 38 25 C 43 30 38 36 42 49 C 40 49 39 50 38 50 C 34 43 35 38 34 32 C 30.3333 31.6667 26 34 21 31 C 16 30 22.3333 43.6667 23 50 C 31 54 33 50 38 50 C 34 43 35 38 34 32 C 30.3333 31.6667 26 34 21 31 C 16 30 22.3333 44.3333 23 50" stroke="" stroke-width="" fill="rgb(221, 194, 161)"/> 
    <path d="M 41 31 C 48 37 38 37 42 49 S 39 45 40.4 31" stroke="" stroke-width="" fill="url(#imageo)"/> 
    <path d="M 21 31 C 26 34 29.6667 31.6667 34 32 C 35 42 34 43 38 50 C 33 50 31 54 23 50 C 22.3333 43.6667 16 30 21 31 " stroke="rgb(199, 0, 57)" stroke-width=".2" fill="url(#imageo)"/> 
      </svg>
boy image
boy svg img
Get code 

                   
              <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
    viewBox="-10 -12 64 64" width="330" height="620" xml:space="preserve">
    <style type="text/css">
      .skin {
        fill: #fdd7b1;
      }

      .hair {
        fill: #191918;
      }

      .shirt {
        fill: #0073e6;
      }

      .shorts {
        fill: #0f2942;
      }

      .eye {
        fill: #111111;
      }

      .smile {
        fill: rgb(132, 104, 83);
      }
    </style>

    <g id="boy">
      <!-- <circle class="skin" cx="32" cy="12" r="10" /> -->
      <path class="hair"
        d="M 31 6 c -7 2 -9 5 -10 10 c 0 2.1 0.7 4 8 6 h 6 C 41.3 20 42 18.1 42 16 C 42 10.5 37.5 6 44 2 z" />
      <path class="skin"
        d="M 22 13 C 27 6 35.3333 14.3333 42 15 C 42 18 42 20 35 22 C 33 22 31 22 29 22 C 21 20 21 18 21 16 C 21.3333 15 21.6667 14 22 13" />
      <path class="skin"
        d="M 29 22 C 29 23 29 24 29 25 C 31 31 34 27 34 25 C 33.6667 24 33.3333 23 33 22 C 31.6667 22 30.3333 22 29 22" />
      <path class="shirt"
        d="M 34 25 C 36 27 37.3333 26.3333 39 27 C 40.6667 29.3333 42.3333 31.6667 44 34 C 42.3333 35 40.6667 36 39 37 C 38.6667 41 38.3333 45 38 49 C 32.6667 49 29 53 22 49 C 22 45 22 41 23 34 C 21 32 17 29 15 28 C 16.6667 27 18.3333 26 20 25 C 21.3333 25.6667 22.6667 26.3333 24 27 C 26 27 27.3333 25.6667 29 25 C 31 31 34 27 34 25" />
      <path class="skin"
        d="M 20 25 C 17.3333 20.6667 14 17 12 12 C 11.3333 10 12 8 10 6 C 9 7 10 8 10 9 C 9.3333 10 8.6667 11 8 12 C 11 14 13.3333 22 16 27 C 17 27 18.6667 25.6667 20 25" />
      <path class="skin"
        d="M 42 35 C 42.6667 41 42 49 44 53 C 44.3333 54 44.6667 55 44 57 C 40 48 42 62 40 51 C 41 49 39.3333 41.6667 39 37 C 40 36.3333 41 35.6667 42 35" />
      <path class="shorts"
        d="M 22 49 C 22 52.6667 22 56.3333 22 60 C 25 61 27.3333 60 30 60 C 30 58 30 56 30 54 C 30.3333 56 30.6667 58 31 60 C 34 62 35.6667 60 38 60 C 38 56.3333 38 52.6667 38 49 C 32.6667 49 29 53 22 49" />
      <path class="skin"
        d="M 23 60 C 23 65 24 72 23 75 C 7 77 28 81 26 77 C 26 70 28 66 28 60 C 26.3333 60 25 61 23 60 " />
      <path class="skin" 
        d="M 37 60 C 37 65 36 70 37 75 C 49 77 40 81 35 78 C 34 73 32 67 32 61 C 34 61 35.3333 60.3333 37 60" />
      <path class="skin hand" d="M 7 6 C 7.6667 6.6667 8.3333 7.3333 9 8 C 12 9 7 14 6 11 C 5 11 5 7 7 6 " />
      <path d="M 28 14 A 1 1 0 0 0 24 14" fill="transparent" stroke="black" stroke-width=".2" />
      <path d="M 35 15 A 1 1 0 0 0 31 14" fill="transparent" stroke="black" stroke-width=".2" />
      <path class="eye" d="M 27 13 C 27 12 25 11 25 13 C 25 14 27 15 27 13" />
      <path class="eye" d="M 32 13 C 32 13 34 11 34 14 C 34 15 32 15 32 13" />
      <path d="M 29 14 C 29 14.6667 27 15 29 16" fill="transparent" stroke="black" stroke-width=".2" />
      <path id="boysmile" class="smile" d="M 28 18 A 1 1 0 0 0 29 19 A 1 1 0 0 0 28 18" stroke="rgb(132, 104, 83)"
        stroke-width=".5" />
    </g>
  </svg>

Want to do some shopping?? Let's go!!

Let's shopping

Learn code free online Privacy Policy
Backend vector created by storyset - www.freepik.com
Watercolor wallpaper vector created by freepik - www.freepik.com

Copyright2022 Learn code free online. All Rights Reserved.