Usar SVG en páginas HTML

Puedes crear directamente por código un dibujo en SVG, usando las coordenadas X,Y de cada punto.
Ejemplo de como añadir un SVG en tu página web

 <svg height="180" width="500">
  <polyline points="0,40 40,40 40,80 80,80 80,120 120,120 120,160"
  style="fill:white;stroke:red;stroke-width:4" />
</svg> 
 
  
 

Puedes dibujar directamente online con https://vectr.com y exportar el código.

<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid meet" viewBox="0 0 250 240" width="250" height="240"><defs><path d="M222.91 114.29C222.91 174.94 173.67 224.18 113.02 224.18C52.37 224.18 3.13 174.94 3.13 114.29C3.13 53.64 52.37 4.4 113.02 4.4C173.67 4.4 222.91 53.64 222.91 114.29Z" id="k5bpr9Y1EO"></path><path d="M122.19 54.23L146.57 57.96L128.93 76.04L133.09 101.57L111.29 89.51L89.48 101.57L93.65 76.04L76.01 57.96L100.39 54.23L111.29 31.01L122.19 54.23Z" id="cVGSCWVzm"></path><path d="M202.25 54.23L226.62 57.96L208.98 76.04L213.15 101.57L191.34 89.51L169.54 101.57L173.7 76.04L156.06 57.96L180.44 54.23L191.34 31.01L202.25 54.23Z" id="a1D6CkYU7z"></path><path d="M196.31 127.01C160.83 161.72 127.29 161.72 95.67 127.01" id="eAcMYyzo5"></path></defs><g><g><g><use xlink:href="#k5bpr9Y1EO" opacity="1" fill="#00bcf6" fill-opacity="1"></use></g><g><use xlink:href="#cVGSCWVzm" opacity="1" fill="#546ef2" fill-opacity="1"></use></g><g><use xlink:href="#a1D6CkYU7z" opacity="1" fill="#f254cb" fill-opacity="1"></use></g><g><g><filter id="shadow6370643" x="54.67" y="86.01" width="187.63" height="114.03" filterUnits="userSpaceOnUse" primitiveUnits="userSpaceOnUse"><feFlood></feFlood><feComposite in2="SourceAlpha" operator="in"></feComposite><feGaussianBlur stdDeviation="3.16"></feGaussianBlur><feOffset dx="5" dy="6" result="afterOffset"></feOffset><feFlood flood-color="#ce3535" flood-opacity="0.5"></feFlood><feComposite in2="afterOffset" operator="in"></feComposite><feMorphology operator="dilate" radius="10"></feMorphology><feComposite in2="SourceAlpha" operator="out"></feComposite></filter><path d="M196.31 127.01C160.83 161.72 127.29 161.72 95.67 127.01" id="nKSsRtqCm" fill="none" stroke="white" filter="url(#shadow6370643)"></path></g><g><use xlink:href="#eAcMYyzo5" opacity="1" fill-opacity="0" stroke="#000000" stroke-width="5" stroke-opacity="1"></use></g><g><filter id="shadow9788622" x="44.67" y="76.01" width="207.63" height="133.03" filterUnits="userSpaceOnUse" primitiveUnits="userSpaceOnUse"><feFlood></feFlood><feComposite in2="SourceAlpha" operator="out"></feComposite><feGaussianBlur stdDeviation="4"></feGaussianBlur><feOffset dx="5" dy="5" result="afterOffset"></feOffset><feFlood flood-color="#ce1f1f" flood-opacity="0.8"></feFlood><feComposite in2="afterOffset" operator="in"></feComposite><feMorphology operator="dilate" radius="9"></feMorphology><feComposite in2="SourceAlpha" operator="in"></feComposite></filter><path d="M196.31 127.01C160.83 161.72 127.29 161.72 95.67 127.01" id="d1OmSMeprT" fill="none" stroke="white" filter="url(#shadow9788622)"></path></g></g></g></g></svg>
<svg viewBox="0 0 600 600"><path
       id="path3713"
       d="m 79.421126,89.047589 c -2.909305,1.058502 -5.599149,2.5566 -8.285064,4.072204 15.395093,-8.807553 8.72168,-5.572617 5.93177,-2.811745 -1.124741,1.113036 -1.972265,2.375358 -2.807657,3.707638 -1.460328,2.319959 -2.180532,4.909799 -2.559169,7.595214 -0.0434,2.30825 -0.458677,4.53691 -0.964129,6.77887 -0.488042,2.14553 -0.623136,4.34349 -0.700958,6.53535 -0.06193,2.1844 -0.05215,4.36998 -0.04096,6.55497 -0.01463,2.16596 -0.05733,4.3236 0.188507,6.47795 0.743765,2.43877 1.923418,4.75992 3.316555,6.89084 1.403776,2.247 3.166798,4.19727 5.093293,5.99955 2.39803,2.26009 5.422304,3.43972 8.467291,4.53822 3.334718,0.86881 6.632085,1.90575 10.008462,2.61226 2.694059,0.47202 5.431243,0.54555 8.158853,0.58941 2.5806,0.2079 4.99458,-0.27976 7.36869,-1.26088 3.61031,-1.90595 4.29583,-2.28269 -7.29414,4.18971 -0.37958,0.21198 0.74013,-0.45669 1.10213,-0.69747 0.95137,-0.63278 1.83902,-1.33981 2.71704,-2.06864 1.7614,-1.69892 2.90074,-3.83925 3.99833,-5.99223 1.82986,-3.38307 3.67019,-6.75919 5.65245,-10.05564 2.18203,-3.20515 4.25054,-6.48762 6.46196,-9.67234 1.98861,-2.85371 3.64736,-5.90253 5.11405,-9.05058 1.3192,-3.05808 2.67664,-6.08112 4.58971,-8.8161 2.14169,-2.86524 4.9228,-5.15143 7.80792,-7.228789 5.53194,-3.297936 10.75104,-7.461168 16.97872,-9.295987 2.5204,-0.556924 5.11735,-0.543116 7.68498,-0.569437 2.44442,0.132181 4.96285,-0.300405 7.35681,0.269362 3.07435,1.079183 3.96543,4.133713 5.00256,6.934113 1.4614,4.30829 1.7315,8.875958 1.94217,13.384038 -0.009,2.28488 0.25583,4.59297 0.0457,6.8766 -0.21533,2.33958 -0.86592,4.60253 -1.5206,6.84558 -1.31589,4.39399 -3.3553,8.50716 -5.8948,12.31224 -2.46541,3.44719 -5.24179,6.65423 -7.83989,9.99981 -2.45093,3.0945 -4.64882,6.38404 -6.49782,9.87118 -1.77668,3.30243 -2.96668,6.87326 -3.8188,10.51378 -0.54469,2.91357 -0.77703,5.87582 -1.10878,8.82 -0.12911,1.15845 -0.208,2.32121 -0.28184,3.48414 0,0 -10.00798,5.01788 -10.00798,5.01788 v 0 c 0.0785,-1.18459 0.16316,-2.36886 0.29578,-3.54895 0.33032,-2.98795 0.62874,-5.98269 1.09064,-8.95189 0.83054,-3.71866 1.97481,-7.38679 3.73496,-10.77991 1.77568,-3.57492 3.96469,-6.93623 6.44284,-10.06572 2.55782,-3.36547 5.32496,-6.56275 7.85571,-9.94884 2.64166,-3.65333 4.71005,-7.70169 6.06744,-12.00874 0.66268,-2.14003 1.36551,-4.34421 1.62793,-6.58119 0.26474,-2.25681 -0.0176,-4.54578 0.007,-6.80636 -0.18423,-4.39484 -0.4097,-8.85042 -1.81931,-13.05591 -0.59365,-1.564378 -1.37434,-4.069173 -2.75892,-5.163116 -0.57559,-0.454766 -1.05681,-0.526595 -1.73773,-0.728247 -2.38648,-0.267949 -4.80453,-0.06802 -7.20159,-0.116724 -2.51537,0.0494 -5.07224,0.09236 -7.49473,0.850591 -3.76063,1.379595 -8.66993,4.683226 6.08295,-3.918106 0.41829,-0.243878 -0.8413,0.479644 -1.25861,0.725209 -0.87901,0.51725 -1.74222,1.06108 -2.62778,1.567355 -2.92716,1.933101 -5.71209,4.161197 -7.94556,6.883348 -2.01617,2.62206 -3.43386,5.56046 -4.69257,8.61405 -1.44311,3.21549 -3.07476,6.3176 -5.04407,9.24648 -2.26186,3.13755 -4.26335,6.45165 -6.50466,9.60464 -1.98791,3.26177 -3.84505,6.59392 -5.64656,9.9627 -0.44849,0.88563 -0.82898,1.80461 -1.27769,2.69013 -0.5077,1.00192 -1.20692,1.85093 -1.86678,2.7481 -0.21866,0.2973 -0.41845,0.60802 -0.62767,0.91203 -1.15132,1.08946 -2.40826,2.15342 -3.78068,2.95733 -10.61363,6.21712 -6.97499,4.59865 -11.90217,6.71506 -2.48851,0.80962 -5.004937,1.13318 -7.623595,0.93147 -2.768891,-0.0676 -5.544814,-0.23129 -8.265022,-0.78687 -3.378224,-0.80203 -6.71917,-1.78459 -10.048433,-2.76226 -3.167449,-1.18022 -6.290874,-2.50198 -8.768403,-4.88049 -1.972423,-1.88086 -3.793722,-3.90386 -5.240467,-6.22681 -1.454335,-2.29814 -2.704459,-4.74405 -3.589681,-7.3197 -0.266618,-2.19224 -0.290682,-4.38074 -0.25744,-6.58853 0.0049,-2.19871 -2.64e-4,-4.39759 0.03739,-6.59606 0.06762,-2.25055 0.160179,-4.50829 0.605237,-6.72251 0.494919,-2.21973 1.084641,-4.39244 1.030322,-6.69262 0.313716,-2.81062 0.959008,-5.5604 2.399085,-8.029901 4.008456,-7.01585 7.556955,-7.795196 15.697547,-12.391548 2.735336,-1.529697 5.537409,-2.940987 8.503631,-3.974526 0,0 -8.86343,6.885964 -8.86343,6.885964 z"
       inkscape:connector-curvature="0"
       style="stroke-width:0.26458332" /></svg>

Con Inkscape se puede crear una imagen en formato svg y luego integrarla directamente en la página web.