um svg (scalable vector graphic) é um formato de imagem vetorizado. ou seja, não faz uso de imagens em pixel como jpg, png, etc. na realidade, o svg gera a imagem vetorizada a partir de linhas de código xml

Untitled

<?xml version="1.0" ?>
    <svg id="icons" viewBox="0 0 340 340" xmlns="<http://www.w3.org/2000/svg>">
        <title/>
        <path d="M138.058,249.571s19.225-4.621,31.154,11.145c0,0-.666-21.869,22.1-28.214,0,0,8.434,18.617-2.292,32.373,0,0,17.422-4.548,27.673,8.8,0,0-6.578,15.843-28.414,11.767,0,0,10.275,19.479,1.177,34.393,0,0-14.667-5.4-21.271-23.415,0,0-8.454,14.114-25.015,12.08,0,0-5.694-22.3,15.618-31.068C158.788,277.436,135.445,274.057,138.058,249.571Z" style="fill:#ffdef0"/>
        <path d="M10.322,103.3V60.075s41.228-2.58,71,31.08c6.347,7.175,15.44,21.743,19.325,30.5,10.453,23.561,60.056,120.838,169.1,114.215,0,0,32.4-3.334,49.978-19.853a5.909,5.909,0,0,1,9.546,2.174h0a5.9,5.9,0,0,1-.567,5.4c-7.208,10.9-40.162,49.787-130.985,24.359,0,0-27.183-6.189-57.991-31.464l-22.717-14.318c-5.923-10.881-14.483-24.955-22.978-39.039-8.864-14.7-19.694-30.739-33.283-41.221C47.69,111.83,30.222,105.465,10.322,103.3Z" style="fill:#473b37"/>
        <path d="M52.422,36.161c-.3,9.549,1.4,24.953,13.7,34.374,0,0-14.454-.912-26.444,16.8a7.8,7.8,0,0,0,2.916,11.24c8.78,4.6,24.936,10,42.7.8a42.983,42.983,0,0,0,18.63,37.152,7.793,7.793,0,0,0,10.8-1.892c5.283-7.517,11.708-22.185.267-40.448,0,0,18.885,7.416,35.425-2.767a7.773,7.773,0,0,0,1.506-11.972c-6.011-6.24-17.73-14.473-37.331-13.719a44.1,44.1,0,0,0,12.076-39.065,7.823,7.823,0,0,0-10.037-6.133c-8.855,2.829-22.389,10.382-26.072,30.378,0,0-9.947-17.181-28.271-22A7.824,7.824,0,0,0,52.422,36.161Z" style="fill:#ffdef0"/>
        <path d="M71.382,159.772s24.156,2.761,29.333,28.3c0,0-3.106-25.183,35.89-29.846,0,0,6.557,26.74-19.671,42.27,0,0,23.21-5.522,37.142,17.6,0,0-10.569,14.494-36.8,7.247,0,0,4.487,20.361-10.007,33.474,0,0-22.087-4.486-16.565-36.925,0,0-23.122,13.114-42.447-5.867,0,0,7.247-19.67,36.235-16.91C84.5,199.113,60.684,191.176,71.382,159.772Z" style="fill:#ffabd1"/>
        <path d="M226.64,249.585s18.608-9.522,34.781,3.717c0,0-6.114-22.306,15.7-34.48,0,0,13.289,17.037,5.683,33.835,0,0,16.773-9,30.622,2.176,0,0-2.825,17.913-26.276,19.147,0,0,15.395,17.464,9.749,35.049,0,0-16.413-1.907-27.671-18.78,0,0-5.758,17.944-24.792,18.78,0,0-10.3-20.992,9.426-35.3C253.866,273.734,230.035,275.4,226.64,249.585Z" style="fill:#ffdef0"/>
        <path d="M171.464,170.806s23.611-4.667,37.337,15.1c0,0,.275-26.631,28.278-33.219,0,0,9.334,23.061-4.393,39.258,0,0,21.414-4.667,33.219,12.08,0,0-8.785,18.943-35.141,12.9,0,0,11.531,24.2-.274,41.887,0,0-17.571-7.295-24.709-29.532,0,0-10.981,16.746-31.022,13.452,0,0-6.414-26.739,19.942-36.348C194.7,206.387,167.072,200.456,171.464,170.806Z" style="fill:#ffabd1"/>
        <path d="M55.088,268.676S50.24,302.613,81.06,305.037C81.06,305.037,87.639,278.719,55.088,268.676Z" style="fill:#ffabd1"/>
        <path d="M198.8,95.88s12.813,34.974,55.752,9C254.549,104.883,240.351,73.371,198.8,95.88Z" style="fill:#ffabd1"/><path d="M305.107,162.279S291.948,173.1,293.679,187.3c0,0,1.732,12.813,13.852,16.622C307.531,203.921,326.23,182.623,305.107,162.279Z" style="fill:#ffd2e9"/>
        <path d="M25.281,192a3.983,3.983,0,0,1-2.82-1.17,3.3,3.3,0,0,1-.5-.61,3.6,3.6,0,0,1-.37-.69,3.88,3.88,0,0,1-.229-.74,4.236,4.236,0,0,1-.081-.79,4,4,0,0,1,4.781-3.92,3.768,3.768,0,0,1,.75.231,3.483,3.483,0,0,1,.689.369,3.289,3.289,0,0,1,.611.5A4,4,0,0,1,25.281,192Z" style="fill:#ffabd1"/>
        <path d="M156.041,42.31a4,4,0,0,1-4-4,4.215,4.215,0,0,1,.08-.781,4,4,0,0,1,.231-.75,4.565,4.565,0,0,1,.359-.69,4.925,4.925,0,0,1,.5-.609,4.008,4.008,0,0,1,5.66,0,4.1,4.1,0,0,1,.491.609,3.994,3.994,0,0,1,.37.69,4.045,4.045,0,0,1,.309,1.531,4.045,4.045,0,0,1-.08.779,3.9,3.9,0,0,1-.229.75,3.628,3.628,0,0,1-.37.69,3.7,3.7,0,0,1-.491.61A4.066,4.066,0,0,1,156.041,42.31Z" style="fill:#ffdef0"/>
        <path d="M278.221,95.9a3.43,3.43,0,0,1-.779-.08,3.885,3.885,0,0,1-.75-.23A4.572,4.572,0,0,1,276,95.23a5.106,5.106,0,0,1-.61-.5,3.631,3.631,0,0,1-.489-.611,3.771,3.771,0,0,1-.371-.69,3.859,3.859,0,0,1-.23-.75,4.129,4.129,0,0,1-.08-.78,4.069,4.069,0,0,1,1.17-2.83,4.919,4.919,0,0,1,.61-.5,4.577,4.577,0,0,1,.691-.36,3.952,3.952,0,0,1,.75-.229,4.033,4.033,0,0,1,3.609,1.089,4.746,4.746,0,0,1,.5.61,4.406,4.406,0,0,1,.37.69,3.742,3.742,0,0,1,.22.75,3.843,3.843,0,0,1,0,1.56,3.7,3.7,0,0,1-.22.75,4.406,4.406,0,0,1-.37.69,4.209,4.209,0,0,1-.5.611A4.066,4.066,0,0,1,278.221,95.9Z" style="fill:#ffdef0"/>
        <path d="M222.131,313.029a4.119,4.119,0,0,1-.779-.08,3.791,3.791,0,0,1-.75-.23,3.836,3.836,0,0,1-.691-.37,4.145,4.145,0,0,1-.61-.49,4.024,4.024,0,0,1-.489-.61,3.707,3.707,0,0,1-.37-.69,3.768,3.768,0,0,1-.231-.75,3.843,3.843,0,0,1,0-1.56,3.768,3.768,0,0,1,.231-.75,3.707,3.707,0,0,1,.37-.69,4.024,4.024,0,0,1,.489-.61,5.089,5.089,0,0,1,.61-.5,4.625,4.625,0,0,1,.691-.36,3.791,3.791,0,0,1,.75-.23,4.011,4.011,0,0,1,3.609,1.09,4.831,4.831,0,0,1,.5.61,4.406,4.406,0,0,1,.37.69,3.809,3.809,0,0,1,.22.75,3.394,3.394,0,0,1,.08.78,3.995,3.995,0,0,1-4,4Z" style="fill:#ffabd1"/>
        <path d="M107.535,73.571c-3.721-.938-6.728-1.527-9.116-1.9a48.35,48.35,0,0,1,4-4.471,4,4,0,1,0-5.631-5.683,54.6,54.6,0,0,0-6.09,7.124L84.952,62.9A4,4,0,1,0,79.3,68.555L84.94,74.2l-7.6,4.42a4,4,0,1,0,4.022,6.916l7.529-4.378c.652,2.464,1.561,5.834,2.779,10.208a4,4,0,1,0,7.707-2.144c-1.138-4.09-2.009-7.312-2.647-9.717,2.187.328,5.108.882,8.851,1.826a4.056,4.056,0,0,0,.982.122,4,4,0,0,0,.975-7.88Z" style="fill:#f982aa"/>
        <path d="M112.745,204.063a49.28,49.28,0,0,1-6.155-.84,16.523,16.523,0,0,1,2.582-3.378,4,4,0,1,0-5.658-5.656,24.445,24.445,0,0,0-2.955,3.582,32.842,32.842,0,0,0-2.338-2.422,4,4,0,1,0-5.4,5.9c.015.014.78.726,1.723,1.8a33.536,33.536,0,0,0-4.836,1.866,4,4,0,1,0,3.469,7.209,25.744,25.744,0,0,1,4.272-1.587,43.437,43.437,0,0,1-.254,5.487,4,4,0,0,0,7.947.917,50.466,50.466,0,0,0,.311-5.78,59.128,59.128,0,0,0,6.663.876c.107.009.213.013.319.013a4,4,0,0,0,.31-7.987Z" style="fill:#f45885"/>
        <path d="M183.068,271.432l-3.433-.31.652-2.21a4,4,0,1,0-7.672-2.265l-.582,1.971-2.659-1.568a4,4,0,0,0-4.064,6.891l2.683,1.582-2.286,2.341a4,4,0,1,0,5.725,5.588l.7-.715.508,2.258a4,4,0,1,0,7.805-1.754l-.921-4.1,2.827.255c.122.011.244.016.364.016a4,4,0,0,0,.355-7.983Z" style="fill:#f982aa"/>
        <path d="M225.318,200.838l-5.619-.46,2.478-6.182a4,4,0,0,0-7.426-2.976l-2.626,6.551a42.673,42.673,0,0,0-6.159-3.193,4,4,0,0,0-2.93,7.444,35.943,35.943,0,0,1,4.767,2.486l-6.162,6.3a4,4,0,1,0,5.721,5.591l4.455-4.558a36.728,36.728,0,0,1,.876,6.945,4,4,0,0,0,3.968,4.031h.033a4,4,0,0,0,4-3.968,50.156,50.156,0,0,0-1.444-10.487l5.414.444c.112.009.222.013.332.013a4,4,0,0,0,.323-7.986Z" style="fill:#f45885"/>
        <path d="M284.548,262.879a4,4,0,0,0-4.907-2.813l-5.606,1.52v-3.875a4,4,0,0,0-8,0v3.843l-5.339-1.483a4,4,0,0,0-2.139,7.709l5.363,1.489-2.89,4.855a4,4,0,1,0,6.875,4.092l2.053-3.451,1.927,3.384a4,4,0,1,0,6.953-3.958l-2.771-4.868,5.668-1.537A4,4,0,0,0,284.548,262.879Z" style="fill:#f982aa"/>
    </svg>

por que usar?

próxima dúvida →

qual a diferença de rem e em?