Как перекодировать SVG изображение в HTML?

Question

[there4]

С помощью какого инструмента можно привести SVG файл к такому виду:

<span class="svg" style="fill:#5c4281 !important;">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22">
<g fill-rule="evenodd">
<path d="M6.33777778 12.3238889C7.03944444 12.3238889 7.60888889 12.8933333 7.60888889 13.595 7.60888889 14.2961111 7.03944444 14.8655556 6.33777778 14.8655556 5.63666667 14.8655556 4.32722222 13.6427778 4.32722222 12.9416667 4.32722222 12.2405556 5.63666667 12.3238889 6.33777778 12.3238889L6.33777778 12.3238889zM15.4711111 12.3238889C14.7694444 12.3238889 14.2005556 12.8933333 14.2005556 13.595 14.2005556 14.2961111 14.7694444 14.8655556 15.4711111 14.8655556 16.1722222 14.8655556 17.4816667 13.6427778 17.4816667 12.9416667 17.4816667 12.2405556 16.1722222 12.3238889 15.4711111 12.3238889L15.4711111 12.3238889z">
</path>
<path d="M3.67944444,8.6 C3.79722222,8.31722222 3.91777778,8.03555556 4.03944444,7.75444444 C4.32777778,7.09055556 4.62555556,6.43 4.94666667,5.78166667 C5.01555556,5.64222222 5.08611111,5.50333333 5.15833333,5.36555556 C5.21277778,5.26111111 5.26833333,5.15722222 5.32555556,5.05388889 C5.37722222,4.96111111 5.43,4.86944444 5.48444444,4.77833333 C5.52333333,4.71333333 5.56333333,4.64833333 5.605,4.585 C5.63333333,4.54166667 5.66222222,4.49888889 5.69222222,4.45666667 C5.71111111,4.43 5.73055556,4.40388889 5.75,4.37833333 C5.86888889,4.22277778 6.015,4.06666667 6.21166667,4.01611111 C6.25166667,4.00611111 6.33166667,4 6.33166667,4 L15.4638889,4.00166667 C15.4638889,4.00166667 15.5672222,4.01944444 15.6172222,4.03944444 C15.795,4.11111111 15.9266667,4.265 16.0383333,4.41444444 C16.1488889,4.56333333 16.2466667,4.72166667 16.3405556,4.88111111 C16.4588889,5.08277778 16.57,5.28833333 16.6777778,5.49611111 C16.7516667,5.63833333 16.8244444,5.78111111 16.8955556,5.925 C17.2216667,6.58277778 17.5255556,7.25166667 17.8194444,7.92444444 C17.9233333,8.16166667 18.0261111,8.39944444 18.1272222,8.63777778 C18.1355556,8.63722222 18.1438889,8.63722222 18.1527778,8.63722222 L20.2972222,8.63722222 C20.5466667,8.63722222 20.7494444,8.84 20.7494444,9.08944444 L20.7494444,9.99444444 C20.7494444,10.2444444 20.5466667,10.4472222 20.2972222,10.4472222 L18.8611111,10.4472222 C18.9777778,10.7483333 19.0905556,11.0511111 19.1961111,11.3566667 C19.2461111,11.5016667 19.2944444,11.6472222 19.3377778,11.7944444 C19.3755556,11.9261111 19.4122222,12.06 19.4172222,12.1972222 L19.4172222,14.6977778 L19.4205556,14.7177778 C19.4338889,15.7338889 19.4338889,16.75 19.4205556,17.7655556 C19.4155556,17.8966667 19.3933333,18.0255556 19.3477778,18.1488889 C19.2305556,18.4688889 18.9761111,18.7294444 18.6594444,18.8544444 C18.5277778,18.9061111 18.3894444,18.9322222 18.2488889,18.9377778 C17.7161111,18.9444444 17.1833333,18.9444444 16.6505556,18.9377778 C16.51,18.9322222 16.3716667,18.9061111 16.24,18.8544444 C15.9233333,18.7294444 15.6688889,18.4688889 15.5516667,18.1488889 C15.5061111,18.0255556 15.4838889,17.8966667 15.4788889,17.7655556 L15.4788889,16.7688889 L6.33666667,16.7688889 L6.33666667,15.8988889 L17.9461111,15.8988889 C17.9461111,15.8988889 18.0711111,15.8833333 18.1311111,15.8611111 C18.3,15.7994444 18.4377778,15.665 18.5038889,15.4977778 C18.5288889,15.4338889 18.5422222,15.3666667 18.5466667,15.2983333 L18.5477778,12.2183333 C18.5394444,12.1683333 18.5255556,12.1194444 18.5116667,12.0705556 C18.49,11.9922222 18.4655556,11.9144444 18.44,11.8366667 C18.3666667,11.6116667 18.2861111,11.3894444 18.2038889,11.1672222 C18.1244444,10.9538889 18.0433333,10.7405556 17.96,10.5283333 C17.6777778,10.7983333 17.2955556,10.9411111 16.9133333,10.995 C16.8427778,11.005 16.7716667,11.0116667 16.7,11.015 L16.675,11.0161111 C12.8272222,11.0822222 8.97777778,11.0183333 5.12944444,11.0166667 C5.09222222,11.0161111 5.09277778,11.0161111 5.05611111,11.0144444 C4.84333333,11.0011111 4.63277778,10.9622222 4.43277778,10.8866667 C4.3,10.8361111 4.17277778,10.7705556 4.05666667,10.6883333 C3.98222222,10.635 3.91222222,10.575 3.84888889,10.5088889 C3.78111111,10.6855556 3.71388889,10.8622222 3.64888889,11.0388889 C3.56166667,11.2738889 3.47666667,11.5094444 3.39833333,11.7472222 C3.36611111,11.8455556 3.33444444,11.9438889 3.30611111,12.0427778 C3.28888889,12.1027778 3.27166667,12.1633333 3.26111111,12.225 C3.19944444,12.6894444 3.18611111,13.1572222 3.19666667,13.6161111 L3.19666667,13.7583333 L3.26222222,15.2983333 C3.26666667,15.3666667 3.28,15.4338889 3.305,15.4977778 C3.37111111,15.665 3.50888889,15.7994444 3.67777778,15.8611111 L3.86277778,15.8988889 L6.33666667,15.8988889 L6.33666667,17.7655556 C6.33166667,17.8966667 6.30888889,18.0255556 6.26388889,18.1488889 C6.14666667,18.4688889 5.89222222,18.7294444 5.575,18.8544444 C5.44388889,18.9061111 5.30555556,18.9322222 5.165,18.9377778 C4.63222222,18.9444444 4.09944444,18.9444444 3.56666667,18.9377778 C3.43555556,18.9327778 3.30722222,18.91 3.18388889,18.865 C2.86333333,18.7477778 2.60277778,18.4933333 2.47777778,18.1761111 C2.42611111,18.0444444 2.4,17.9066667 2.39444444,17.7655556 L2.39444444,15.3177778 L2.39222222,15.3038889 C2.37888889,14.2711111 2.39166667,13.2383333 2.39166667,12.2055556 C2.39611111,12.0683333 2.43222222,11.935 2.47,11.8038889 C2.51166667,11.6566667 2.55944444,11.5111111 2.60888889,11.3661111 C2.71833333,11.0422222 2.83666667,10.7216667 2.95833333,10.4027778 L1.45222222,10.4027778 C1.20277778,10.4027778 1,10.2 1,9.95 L1,9.045 C1,8.79555556 1.20277778,8.59277778 1.45222222,8.59277778 L3.59666667,8.59277778 C3.625,8.59277778 3.65277778,8.595 3.67944444,8.6 L3.67944444,8.6 Z M16.33,16.7688889 L16.3488889,17.7611111 C16.3605556,17.8872222 16.4411111,17.9983333 16.5594444,18.0455556 C16.5933333,18.0583333 16.6283333,18.0655556 16.6638889,18.0677778 C17.19,18.0877778 17.7188889,18.1005556 18.2438889,18.0672222 C18.37,18.0561111 18.4816667,17.975 18.5283333,17.8566667 C18.5416667,17.8233333 18.5488889,17.7883333 18.5511111,17.7522222 L18.5794444,16.6044444 L18.465,16.665 L17.9516667,16.7688889 L16.33,16.7688889 L16.33,16.7688889 Z M3.265,17.7611111 C3.27611111,17.8872222 3.35722222,17.9983333 3.47555556,18.0455556 C3.50888889,18.0583333 3.54388889,18.0655556 3.58,18.0677778 C4.10611111,18.0877778 4.63444444,18.1005556 5.16,18.0672222 C5.28611111,18.0561111 5.39777778,17.975 5.44444444,17.8566667 C5.45777778,17.8233333 5.46444444,17.7883333 5.46666667,17.7522222 L5.49166667,16.7688889 L3.85722222,16.7688889 C3.85722222,16.7688889 3.50833333,16.73 3.34388889,16.665 L3.24277778,16.6116667 L3.265,17.7611111 L3.265,17.7611111 Z M15.29,4.87 L6.47055556,4.87 C6.46888889,4.87166667 6.35833333,5.02055556 6.30833333,5.09888889 C6.24111111,5.20444444 6.17777778,5.31277778 6.11611111,5.42222222 C5.95277778,5.71277778 5.80222222,6.01111111 5.65555556,6.31055556 C5.25722222,7.12722222 4.89166667,7.96 4.54,8.79777778 C4.45833333,8.99166667 4.37722222,9.18611111 4.29777778,9.38055556 C4.29777778,9.39222222 4.29777778,9.40388889 4.29833333,9.41555556 C4.30277778,9.51944444 4.31777778,9.62388889 4.35666667,9.72111111 C4.37388889,9.76333333 4.395,9.80333333 4.42111111,9.84055556 C4.54944444,10.0233333 4.77777778,10.1055556 4.99111111,10.1355556 C5.03944444,10.1422222 5.08888889,10.1461111 5.13777778,10.1466667 C8.97944444,10.1488889 12.8233333,10.2816667 16.6622222,10.1461111 C16.7188889,10.1433333 16.775,10.1366667 16.8311111,10.1277778 C16.8727778,10.1211111 16.9138889,10.1122222 16.955,10.1016667 C17.1594444,10.05 17.3805556,9.94666667 17.4694444,9.74277778 C17.5066667,9.65611111 17.5177778,9.56222222 17.5183333,9.46888889 L17.5205556,9.44055556 C17.4788889,9.34111111 17.4372222,9.24166667 17.3955556,9.14222222 C17.0155556,8.23833333 16.6194444,7.34 16.1883333,6.45833333 C16.0361111,6.14666667 15.8788889,5.83611111 15.7105556,5.53222222 C15.5922222,5.31888889 15.4694444,5.10388889 15.3216667,4.90888889 L15.3038889,4.88611111 L15.29,4.87 L15.29,4.87 Z">
</path>
</g>
</svg>
</span>

Comments

[Moskus]

SVG - это уже XML. Так что ничего перекодировать не нужно.

Answer 1

[Сергей Шилов]

Открой картинку в редакторе кода, например brackets, он покажет код свг картинки