Mục lục
Nén SVG để tối ưu hóa dung lượng
Dù SVG vốn nhẹ, bạn vẫn có thể giảm thêm dung lượng bằng cách loại bỏ các thông tin không cần thiết như comment, metadata… Điều này đặc biệt hữu ích nếu bạn sử dụng nhiều SVG trong website nhằm tăng hiệu suất tải trang.
Tại sao nên nén SVG?
Khi tải một file SVG từ các kho như SVG Repo, thường sẽ có các thông tin bổ sung như:
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->Dù nhỏ, nhưng những dòng này góp phần làm tăng dung lượng tổng thể. Nén SVG giúp loại bỏ những phần dư thừa và chuẩn hóa cú pháp để file nhỏ gọn hơn.
Công cụ đề xuất: SVG Minifier (Devina)
Và công cụ để nén SVG mình giới thiệu là SVG minifier từ Devina.
Công cụ này giúp bạn:
- Xóa comment, metadata, thuộc tính thừa
- Làm gọn cú pháp
<path>,<svg>, v.v… - Giảm kích thước file mà không thay đổi hiển thị
Nén SVG
Ví dụ mình tải tập tin SVG có dung lượng 9.46 KB với nội dung như sau.
<?xml version="1.0" encoding="utf-8"?>
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
<svg width="800px" height="800px" viewBox="0 0 1024 1024" class="icon" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path d="M261.5 283.6c-13.8 0-20.7-9.8-25.7-17-5.1-7.3-7.7-10.2-12.7-10.2s-7.5 3-12.7 10.2c-5.1 7.2-12 17-25.7 17-13.8 0-20.7-9.8-25.7-17-5.1-7.3-7.7-10.2-12.7-10.2s-7.5 3-12.7 10.2c-5.1 7.2-12 17-25.7 17s-20.7-9.9-25.7-17c-5.1-7.3-7.7-10.2-12.7-10.2-4.4 0-8-3.6-8-8s3.6-8 8-8c13.8 0 20.7 9.8 25.7 17 5.1 7.3 7.7 10.2 12.7 10.2s7.5-3 12.7-10.2c5.1-7.2 12-17 25.7-17s20.7 9.8 25.7 17c5.1 7.3 7.7 10.2 12.7 10.2 5 0 7.5-3 12.7-10.2 5.1-7.2 12-17 25.7-17s20.7 9.8 25.7 17c5.1 7.3 7.7 10.2 12.7 10.2 4.4 0 8 3.6 8 8s-3.5 8-8 8zM261.5 233.6c-13.8 0-20.7-9.8-25.7-17-5.1-7.3-7.7-10.2-12.7-10.2s-7.5 3-12.7 10.2c-5.1 7.2-12 17-25.7 17-13.8 0-20.7-9.8-25.7-17-5.1-7.3-7.7-10.2-12.7-10.2s-7.5 3-12.7 10.2c-5.1 7.2-12 17-25.7 17s-20.7-9.9-25.7-17c-5.1-7.3-7.7-10.2-12.7-10.2-4.4 0-8-3.6-8-8s3.6-8 8-8c13.8 0 20.7 9.8 25.7 17 5.1 7.3 7.7 10.2 12.7 10.2s7.5-3 12.7-10.2c5.1-7.2 12-17 25.7-17s20.7 9.8 25.7 17c5.1 7.3 7.7 10.2 12.7 10.2 5 0 7.5-3 12.7-10.2 5.1-7.2 12-17 25.7-17s20.7 9.8 25.7 17c5.1 7.3 7.7 10.2 12.7 10.2 4.4 0 8 3.6 8 8s-3.5 8-8 8z" fill="#9A2D2F" /><path d="M349.5 104m-32 0a32 32 0 1 0 64 0 32 32 0 1 0-64 0Z" fill="#FFEB4D" />
<path d="M349.5 144c-22.1 0-40-17.9-40-40s17.9-40 40-40 40 17.9 40 40-17.9 40-40 40z m0-64c-13.2 0-24 10.8-24 24s10.8 24 24 24 24-10.8 24-24-10.7-24-24-24z" fill="#9A2D2F" />
<path d="M746.5 951h-280l-50-631h380z" fill="#C0FCD0" />
<path d="M773.6 794.5l22.9-280h-380l22.9 280z" fill="#FFEB4D" />
<path d="M804 320.5H409.1c-6.9 0-12.6-5.6-12.6-12.6v-8.8c0-14.7 11.9-26.6 26.6-26.6h366.7c14.7 0 26.6 11.9 26.6 26.6v8.8c0.1 7-5.5 12.6-12.4 12.6z" fill="#DAE5FF" />
<path d="M766.5 273h-320v-42.4c0-16.4 13.3-29.6 29.6-29.6h260.7c16.4 0 29.6 13.3 29.6 29.6V273z" fill="#DAE5FF" />
<path d="M948.5 687.6c-5 0-7.5-3-12.7-10.2-5.1-7.2-12-17-25.7-17s-20.7 9.8-25.7 17c-5.1 7.3-7.7 10.2-12.7 10.2-5 0-7.5-3-12.7-10.2-5.1-7.2-12-17-25.7-17s-20.7 9.8-25.7 17c-5.1 7.3-7.7 10.2-12.7 10.2-1.7 0-3.1-0.3-4.4-1.1l2.7-33c0.6 0 1.1 0.1 1.7 0.1 13.8 0 20.7-9.8 25.7-17 5.1-7.3 7.7-10.2 12.7-10.2s7.5 3 12.7 10.2c5.1 7.2 12 17 25.7 17 13.8 0 20.7-9.8 25.7-17 5.1-7.3 7.7-10.2 12.7-10.2 5 0 7.5 3 12.7 10.2 5.1 7.2 12 17 25.7 17 4.4 0 8-3.6 8-8s-3.6-8-8-8c-5 0-7.5-3-12.7-10.2-5.1-7.2-12-17-25.7-17s-20.7 9.8-25.7 17c-5.1 7.3-7.7 10.2-12.7 10.2-5 0-7.5-3-12.7-10.2-5.1-7.2-12-17-25.7-17s-20.7 9.8-25.7 17c-5.1 7.3-7.7 10.2-12.7 10.2h-0.4l10-121.7c0.2-2.2-0.6-4.4-2.1-6.1s-3.6-2.6-5.9-2.6h-6.8l14.2-179c11.3 0 20.6-9.2 20.6-20.6v-8.8c0-19.1-15.5-34.6-34.6-34.6h-15.4v-34.4c0-20.7-16.9-37.6-37.6-37.6h1.6v-12c0-2.2-1.8-4-4-4h-24c-2.2 0-4 1.8-4 4v12H476.2c-20.7 0-37.6 16.9-37.6 37.6v34.4h-15.4c-19.1 0-34.6 15.5-34.6 34.6v8.8c0 11.3 9.2 20.6 20.6 20.6l14.2 179h-6.7c-2.2 0-4.4 0.9-5.9 2.6s-2.3 3.8-2.1 6.1l22.9 280c0.3 4.2 3.8 7.3 8 7.3h7.3l11 140.8H96.5c-4.4 0-8 3.6-8 8s3.6 8 8 8h824c4.4 0 8-3.6 8-8s-3.6-8-8-8H755.2l11.2-140.8h7.3c4.2 0 7.6-3.2 8-7.3l7.6-92.9c1.8 0.4 3.7 0.6 5.7 0.6 13.8 0 20.7-9.8 25.7-17 5.1-7.3 7.7-10.2 12.7-10.2s7.5 3 12.7 10.2c5.1 7.2 12 17 25.7 17 13.8 0 20.7-9.8 25.7-17 5.1-7.3 7.7-10.2 12.7-10.2 5 0 7.5 3 12.7 10.2 5.1 7.2 12 17 25.7 17 4.4 0 8-3.6 8-8s-3.6-8-8.1-8z m-494-457.7c0-11.9 9.7-21.6 21.6-21.6h260.7c11.9 0 21.6 9.7 21.6 21.6v34.4h-304v-34.4z m8.3 573.3h287.5l-11.1 140.5H473.9l-11.1-140.5z m303.5-16H446.8l-21.6-264h362.6l-21.5 264z m7.4-280H439.3l-14.1-178.5h362.7l-14.2 178.5z m-364.6-195c-2.5 0-4.6-2-4.6-4.6v-8.8c0-10.3 8.4-18.6 18.6-18.6H789.9c10.3 0 18.6 8.4 18.6 18.6v8.8c0 2.5-2 4.6-4.6 4.6H409.1z" fill="#9A2D2F" />
<path d="M368.5 568c-106 0-192 86-192 192s86 192 192 192 192-86 192-192-85.9-192-192-192z m0 256c-35.3 0-64-28.7-64-64s28.7-64 64-64 64 28.7 64 64-28.6 64-64 64z" fill="#FFACC2" />
<path d="M368.5 568c-106 0-192 86-192 192 0 14.2 1.5 27.9 4.5 41.2 3.7 14.4 27.9 14.1 39.1 13 19-1.8 43.4 16.8 38.4 41.8s35.3 56.9 65.6 28c21.5-20.5 53.5-16.5 76-6.5 39.3 17.4 69-2 81.5-15.5 15.5-16.7 8.7-43 17.5-61 10.8-22 35.5-1.1 48.5-21 4.9-7.5 9.2-19.1 12.7-30.6C554.7 648.3 471 568 368.5 568z m0 256c-35.3 0-64-28.7-64-64s28.7-64 64-64 64 28.7 64 64-28.6 64-64 64z" fill="#FFFFFF" />
<path d="M568.2 748.9v-0.5c-0.1-1.5-0.2-2.9-0.3-4.4 0-0.3-0.1-0.6-0.1-0.9-0.1-1.3-0.2-2.7-0.4-4-0.1-0.7-0.2-1.5-0.3-2.2-0.1-0.9-0.2-1.7-0.3-2.6C556 649 491.5 581 408.9 564.1h-0.2l-4.5-0.9c-0.2 0-0.3-0.1-0.5-0.1-1.4-0.2-2.8-0.5-4.2-0.7-0.3 0-0.6-0.1-0.8-0.1-1.3-0.2-2.6-0.4-3.9-0.5-0.4 0-0.7-0.1-1.1-0.1-1.2-0.2-2.5-0.3-3.7-0.4-0.4 0-0.9-0.1-1.3-0.1-1.2-0.1-2.3-0.2-3.5-0.3-0.5 0-1-0.1-1.5-0.1-1.1-0.1-2.3-0.2-3.4-0.2-0.5 0-1.1-0.1-1.6-0.1-1.2-0.1-2.4-0.1-3.6-0.1-0.5 0-1 0-1.5-0.1-1.7 0-3.4-0.1-5.1-0.1-110.3 0-200 89.7-200 200 0 1.8 0 3.6 0.1 5.3v1c0 1.4 0.1 2.9 0.2 4.3 0 0.3 0 0.7 0.1 1 0.1 1.4 0.2 2.9 0.3 4.3 0 0.4 0.1 0.7 0.1 1.1 0.1 1.4 0.3 2.8 0.4 4.2 0 0.4 0.1 0.8 0.1 1.2 0.2 1.3 0.3 2.7 0.5 4 0.1 0.5 0.1 1 0.2 1.4 0.2 1.2 0.4 2.5 0.5 3.7l0.3 1.8c0.2 1.1 0.4 2.1 0.6 3.2 0.1 0.7 0.3 1.5 0.4 2.2 0.2 0.9 0.4 1.8 0.5 2.6 0.1 0.5 0.2 0.9 0.3 1.4 0 0.1 0 0.2 0.1 0.3v0.2c20 89.5 100 156.6 195.3 156.6 110.3 0 200-89.7 200-200 0-3.7-0.1-7.4-0.3-11.1zM368.5 576c1.6 0 3.1 0 4.7 0.1h1.4c1.1 0 2.2 0.1 3.3 0.1 0.5 0 1 0.1 1.5 0.1 1 0.1 2.1 0.1 3.1 0.2 0.5 0 1 0.1 1.4 0.1 1.1 0.1 2.1 0.2 3.2 0.3 0.4 0 0.9 0.1 1.3 0.1 1.1 0.1 2.2 0.2 3.3 0.4 0.4 0 0.7 0.1 1.1 0.1 1.2 0.2 2.3 0.3 3.5 0.5 0.3 0 0.6 0.1 0.9 0.1 1.2 0.2 2.5 0.4 3.7 0.6 0.2 0 0.4 0.1 0.6 0.1 1.3 0.2 2.7 0.5 4 0.8 0.1 0 0.2 0 0.3 0.1 73.2 15.1 130.6 73.8 143.9 147.6 0 0.1 0 0.3 0.1 0.4 0.2 1.3 0.4 2.5 0.6 3.8 0.1 0.5 0.1 0.9 0.2 1.4 0.1 0.9 0.3 1.9 0.4 2.9 0.1 0.7 0.2 1.4 0.3 2.2 0.1 0.7 0.2 1.4 0.2 2.1l0.3 2.7c0.1 0.5 0.1 1.1 0.1 1.6 0.1 1 0.2 2.1 0.2 3.1v0.7c-3.8 12.2-7.7 21.6-11.3 27.2-3.8 5.8-8.7 6.1-17.7 6.1-9.9 0-23.6 0-31.3 15.8-4.3 8.7-5.3 18.5-6.4 28-1.3 11.9-2.5 23.2-9.8 31.1-5 5.4-32.1 31.5-72.4 13.6-25.2-11.2-60.7-15-84.8 8-15.1 14.4-30.4 8.5-36.2 5.2-10.9-6-17.7-17.1-16-25.8 2.6-13-1-25.7-10.1-35.8-8.8-9.7-21.6-15.6-33.6-15.6-1.1 0-2.2 0-3.2 0.1-13.4 1.2-28.5-0.4-30.5-6.8l-0.3-1.5c-0.2-0.7-0.3-1.5-0.4-2.2-0.1-0.7-0.3-1.5-0.4-2.2-0.2-0.9-0.3-1.8-0.5-2.8l-0.3-1.8c-0.2-1.1-0.3-2.2-0.5-3.3-0.1-0.5-0.1-0.9-0.2-1.4-0.2-1.2-0.3-2.4-0.4-3.6 0-0.4-0.1-0.8-0.1-1.1-0.1-1.3-0.3-2.6-0.4-3.9 0-0.3-0.1-0.7-0.1-1-0.1-1.3-0.2-2.6-0.3-4 0-0.3 0-0.6-0.1-0.9-0.1-1.3-0.1-2.6-0.2-4v-0.9c0-1.6-0.1-3.3-0.1-4.9 0-101.3 82.6-183.8 184-183.8z m0 368c-80.1 0-148.3-51.4-173.6-122.9 7.2 1.7 15.8 2.1 25.8 1.1 7.9-0.7 17.3 3.4 23.5 10.3 4 4.4 8.4 11.9 6.3 22-3.1 15.6 7 33.6 24 43 7.4 4.1 15.1 6.1 22.6 6.1 11.5 0 22.8-4.7 32.4-13.8 18.4-17.5 46.8-14.1 67.2-5 38.9 17.3 72.3 2.4 90.6-17.4 10.8-11.7 12.5-26.8 14-40.2 0.9-8.5 1.8-16.5 4.8-22.7 3.1-6.2 6.9-6.8 16.9-6.8 8.1 0 18.7 0 27-8.3C536.1 876.9 460 944 368.5 944z" fill="#9A2D2F" />
<path d="M368.5 832c39.7 0 72-32.3 72-72s-32.3-72-72-72-72 32.3-72 72 32.3 72 72 72z m0-128c30.9 0 56 25.1 56 56s-25.1 56-56 56-56-25.1-56-56 25.2-56 56-56z" fill="#9A2D2F" />
<path d="M291.3 662.5l7.8-4.8" fill="#FFACC2" />
<path d="M291.3 670.5c-2.7 0-5.3-1.3-6.8-3.8-2.3-3.7-1.2-8.7 2.5-11l7.7-4.8c3.8-2.3 8.7-1.2 11 2.5 2.3 3.7 1.2 8.7-2.5 11l-7.7 4.8c-1.3 0.9-2.7 1.3-4.2 1.3z" fill="#9A2D2F" />
<path d="M233 673.3l-1.3 9.5" fill="#FFACC2" />
<path d="M231.7 690.8c-0.4 0-0.7 0-1.1-0.1-4.4-0.6-7.4-4.7-6.8-9l1.3-9.5c0.6-4.4 4.7-7.4 9-6.8 4.4 0.6 7.4 4.7 6.8 9l-1.3 9.5c-0.6 4-4 6.9-7.9 6.9z" fill="#9A2D2F" />
<path d="M211.1 732.6l1.7 8.3" fill="#FFACC2" />
<path d="M212.8 748.9c-3.7 0-7-2.6-7.8-6.4l-1.7-8.3c-0.9-4.3 1.9-8.6 6.2-9.4 4.3-0.9 8.6 1.9 9.4 6.2l1.7 8.3c0.9 4.3-1.9 8.6-6.2 9.4-0.5 0.2-1 0.2-1.6 0.2z" fill="#9A2D2F" />
<path d="M252 778.2l5.2 5.7" fill="#FFACC2" />
<path d="M257.2 791.9c-2.2 0-4.3-0.9-5.9-2.6l-5.3-5.8c-3-3.3-2.8-8.3 0.5-11.3s8.3-2.8 11.3 0.5l5.3 5.8c3 3.3 2.8 8.3-0.5 11.3-1.5 1.5-3.4 2.1-5.4 2.1z" fill="#9A2D2F" />
<path d="M291.3 854.1l-4.9 8.1" fill="#FFACC2" />
<path d="M286.4 870.2c-1.4 0-2.9-0.4-4.2-1.2-3.8-2.3-4.9-7.2-2.6-11l5-8.1c2.3-3.8 7.2-4.9 11-2.6 3.8 2.3 4.9 7.2 2.6 11l-5 8.1c-1.5 2.4-4.2 3.8-6.8 3.8z" fill="#9A2D2F" />
<path d="M355.3 610.8h7.6" fill="#FFACC2" />
<path d="M362.9 618.8h-7.5c-4.4 0-8-3.6-8-8s3.6-8 8-8h7.5c4.4 0 8 3.6 8 8s-3.6 8-8 8z" fill="#9A2D2F" />
<path d="M430.8 632.3l8.3 4.1" fill="#FFFFFF" />
<path d="M439.1 644.4c-1.2 0-2.4-0.3-3.5-0.8l-8.3-4c-4-1.9-5.6-6.7-3.7-10.7s6.7-5.6 10.7-3.7l8.3 4c4 1.9 5.6 6.7 3.7 10.7-1.4 2.8-4.2 4.5-7.2 4.5z" fill="#9A2D2F" />
<path d="M411.8 682.8l6 3.5" fill="#FFFFFF" />
<path d="M417.8 694.3c-1.4 0-2.8-0.4-4-1.1l-6-3.5c-3.8-2.2-5.1-7.1-2.9-10.9 2.2-3.8 7.1-5.1 10.9-2.9l6 3.5c3.8 2.2 5.1 7.1 2.9 10.9-1.5 2.6-4.2 4-6.9 4z" fill="#9A2D2F" />
<path d="M489 709.8l9.7 6.5" fill="#FFFFFF" />
<path d="M498.7 724.3c-1.5 0-3.1-0.4-4.4-1.4l-9.7-6.5c-3.7-2.5-4.7-7.4-2.2-11.1 2.5-3.7 7.4-4.7 11.1-2.2l9.7 6.5c3.7 2.5 4.7 7.4 2.2 11.1-1.6 2.3-4.1 3.6-6.7 3.6z" fill="#9A2D2F" />
<path d="M476.9 775.9l-4.9 10.3" fill="#FFFFFF" />
<path d="M472 794.2c-1.1 0-2.3-0.2-3.4-0.8-4-1.9-5.7-6.6-3.8-10.6l4.8-10.3c1.9-4 6.6-5.7 10.6-3.8 4 1.9 5.7 6.6 3.8 10.6l-4.8 10.3c-1.3 2.9-4.2 4.6-7.2 4.6z" fill="#9A2D2F" />
<path d="M408.4 846.8h9.4" fill="#FFFFFF" />
<path d="M417.8 854.8h-9.4c-4.4 0-8-3.6-8-8s3.6-8 8-8h9.4c4.4 0 8 3.6 8 8s-3.6 8-8 8z" fill="#9A2D2F" />
<path d="M423.2 280.2c-10.3 0-18.6 8.4-18.6 18.6v8.8c0 2.5 2 4.6 4.6 4.6h52.5c0.5-4.4 1.7-9.5 4.3-16 2.8-7 7.4-12 13.2-16h-56zM454.5 229.9v34.4h56.8c10-4.8 20.2-10.9 29.2-20.6 10.9-11.7 12.9-24.5 11.4-35.4h-75.8c-11.9-0.1-21.6 9.7-21.6 21.6zM459.2 362.3c3.8-16.2 3.5-25.8 2.9-33.6h-36.9l12.6 158.5c24.7-37.1 14.9-96.7 21.4-124.9z" fill="#FFFFFF" />
</svg>Sau đó vào SVG minifier, tải tập tin SVG lên.
Sau khi tối ưu hóa, sẽ giảm được 31.66% dung lượng.
Nội dung được tối ưu như sau.
<svg xmlns="http://www.w3.org/2000/svg" class="prefix__icon" viewBox="0 0 1024 1024">
<path fill="#9A2D2F" d="M261.5 283.6c-13.8 0-20.7-9.8-25.7-17-5.1-7.3-7.7-10.2-12.7-10.2s-7.5 3-12.7 10.2-12 17-25.7 17c-13.8 0-20.7-9.8-25.7-17-5.1-7.3-7.7-10.2-12.7-10.2s-7.5 3-12.7 10.2-12 17-25.7 17-20.7-9.9-25.7-17c-5.1-7.3-7.7-10.2-12.7-10.2-4.4 0-8-3.6-8-8s3.6-8 8-8c13.8 0 20.7 9.8 25.7 17 5.1 7.3 7.7 10.2 12.7 10.2s7.5-3 12.7-10.2 12-17 25.7-17 20.7 9.8 25.7 17c5.1 7.3 7.7 10.2 12.7 10.2s7.5-3 12.7-10.2 12-17 25.7-17 20.7 9.8 25.7 17c5.1 7.3 7.7 10.2 12.7 10.2 4.4 0 8 3.6 8 8s-3.5 8-8 8m0-50c-13.8 0-20.7-9.8-25.7-17-5.1-7.3-7.7-10.2-12.7-10.2s-7.5 3-12.7 10.2-12 17-25.7 17c-13.8 0-20.7-9.8-25.7-17-5.1-7.3-7.7-10.2-12.7-10.2s-7.5 3-12.7 10.2-12 17-25.7 17-20.7-9.9-25.7-17c-5.1-7.3-7.7-10.2-12.7-10.2-4.4 0-8-3.6-8-8s3.6-8 8-8c13.8 0 20.7 9.8 25.7 17 5.1 7.3 7.7 10.2 12.7 10.2s7.5-3 12.7-10.2 12-17 25.7-17 20.7 9.8 25.7 17c5.1 7.3 7.7 10.2 12.7 10.2s7.5-3 12.7-10.2 12-17 25.7-17 20.7 9.8 25.7 17c5.1 7.3 7.7 10.2 12.7 10.2 4.4 0 8 3.6 8 8s-3.5 8-8 8"/>
<path fill="#FFEB4D" d="M317.5 104a32 32 0 1 0 64 0 32 32 0 1 0-64 0"/>
<path fill="#9A2D2F" d="M349.5 144a40 40 0 1 1 0-80 40 40 0 0 1 0 80m0-64c-13.2 0-24 10.8-24 24s10.8 24 24 24 24-10.8 24-24-10.7-24-24-24"/>
<path fill="#C0FCD0" d="M746.5 951h-280l-50-631h380z"/>
<path fill="#FFEB4D" d="m773.6 794.5 22.9-280h-380l22.9 280z"/>
<path fill="#DAE5FF" d="M804 320.5H409.1c-6.9 0-12.6-5.6-12.6-12.6v-8.8a26.6 26.6 0 0 1 26.6-26.6h366.7a26.6 26.6 0 0 1 26.6 26.6v8.8c.1 7-5.5 12.6-12.4 12.6"/>
<path fill="#DAE5FF" d="M766.5 273h-320v-42.4a29.6 29.6 0 0 1 29.6-29.6h260.7a29.6 29.6 0 0 1 29.6 29.6V273z"/>
<path fill="#9A2D2F" d="M948.5 687.6c-5 0-7.5-3-12.7-10.2s-12-17-25.7-17-20.7 9.8-25.7 17c-5.1 7.3-7.7 10.2-12.7 10.2s-7.5-3-12.7-10.2-12-17-25.7-17-20.7 9.8-25.7 17c-5.1 7.3-7.7 10.2-12.7 10.2a8 8 0 0 1-4.4-1.1l2.7-33 1.7.1c13.8 0 20.7-9.8 25.7-17 5.1-7.3 7.7-10.2 12.7-10.2s7.5 3 12.7 10.2 12 17 25.7 17c13.8 0 20.7-9.8 25.7-17 5.1-7.3 7.7-10.2 12.7-10.2s7.5 3 12.7 10.2 12 17 25.7 17c4.4 0 8-3.6 8-8s-3.6-8-8-8c-5 0-7.5-3-12.7-10.2s-12-17-25.7-17-20.7 9.8-25.7 17c-5.1 7.3-7.7 10.2-12.7 10.2s-7.5-3-12.7-10.2-12-17-25.7-17-20.7 9.8-25.7 17c-5.1 7.3-7.7 10.2-12.7 10.2h-.4l10-121.7q.2-3.4-2.1-6.1c-2.3-2.7-3.6-2.6-5.9-2.6h-6.8l14.2-179c11.3 0 20.6-9.2 20.6-20.6v-8.8a34.6 34.6 0 0 0-34.6-34.6h-15.4v-34.4a37.7 37.7 0 0 0-37.6-37.6h1.6v-12a4 4 0 0 0-4-4h-24a4 4 0 0 0-4 4v12H476.2a37.7 37.7 0 0 0-37.6 37.6v34.4h-15.4a34.6 34.6 0 0 0-34.6 34.6v8.8c0 11.3 9.2 20.6 20.6 20.6l14.2 179h-6.7q-3.5 0-5.9 2.6c-2.4 2.6-2.3 3.8-2.1 6.1l22.9 280a8 8 0 0 0 8 7.3h7.3l11 140.8H96.5c-4.4 0-8 3.6-8 8s3.6 8 8 8h824c4.4 0 8-3.6 8-8s-3.6-8-8-8H755.2l11.2-140.8h7.3a8 8 0 0 0 8-7.3l7.6-92.9q2.7.6 5.7.6c13.8 0 20.7-9.8 25.7-17 5.1-7.3 7.7-10.2 12.7-10.2s7.5 3 12.7 10.2 12 17 25.7 17c13.8 0 20.7-9.8 25.7-17 5.1-7.3 7.7-10.2 12.7-10.2s7.5 3 12.7 10.2 12 17 25.7 17c4.4 0 8-3.6 8-8s-3.6-8-8.1-8m-494-457.7c0-11.9 9.7-21.6 21.6-21.6h260.7c11.9 0 21.6 9.7 21.6 21.6v34.4h-304zm8.3 573.3h287.5l-11.1 140.5H473.9zm303.5-16H446.8l-21.6-264h362.6zm7.4-280H439.3l-14.1-178.5h362.7zm-364.6-195c-2.5 0-4.6-2-4.6-4.6v-8.8c0-10.3 8.4-18.6 18.6-18.6h366.8c10.3 0 18.6 8.4 18.6 18.6v8.8c0 2.5-2 4.6-4.6 4.6z"/>
<path fill="#FFACC2" d="M368.5 568a192 192 0 1 0 .1 384.1 192 192 0 0 0-.1-384.1m0 256a64 64 0 1 1 .1-128.1 64 64 0 0 1-.1 128.1"/>
<path fill="#FFF" d="M368.5 568A192 192 0 0 0 181 801.2c3.7 14.4 27.9 14.1 39.1 13 19-1.8 43.4 16.8 38.4 41.8s35.3 56.9 65.6 28c21.5-20.5 53.5-16.5 76-6.5 39.3 17.4 69-2 81.5-15.5 15.5-16.7 8.7-43 17.5-61 10.8-22 35.5-1.1 48.5-21 4.9-7.5 9.2-19.1 12.7-30.6A192 192 0 0 0 368.5 568m0 256a64 64 0 1 1 .1-128.1 64 64 0 0 1-.1 128.1"/>
<path fill="#9A2D2F" d="M568.2 748.9v-.5l-.3-4.4-.1-.9-.4-4-.3-2.2-.3-2.6a200 200 0 0 0-157.9-170.2h-.2l-4.5-.9-.5-.1-4.2-.7-.8-.1-3.9-.5-1.1-.1-3.7-.4-1.3-.1-3.5-.3-1.5-.1-3.4-.2-1.6-.1-3.6-.1-1.5-.1-5.1-.1a200 200 0 0 0-199.9 205.3v1l.3 5.3.3 4.3.1 1.1.4 4.2.1 1.2.5 4 .2 1.4.5 3.7.3 1.8.6 3.2.4 2.2.5 2.6.3 1.4.1.3v.2c20 89.5 100 156.6 195.3 156.6a200 200 0 0 0 199.7-211.1M368.5 576l4.7.1h1.4l3.3.1 1.5.1 3.1.2 1.4.1 3.2.3 1.3.1 3.3.4 1.1.1 3.5.5.9.1 3.7.6.6.1 4.3.9a185 185 0 0 1 144 148l.6 3.8.2 1.4.4 2.9.5 4.3.3 2.7.1 1.6.2 3.1v.7a121 121 0 0 1-11.3 27.2c-3.8 5.8-8.7 6.1-17.7 6.1-9.9 0-23.6 0-31.3 15.8-4.3 8.7-5.3 18.5-6.4 28-1.3 11.9-2.5 23.2-9.8 31.1a62 62 0 0 1-72.4 13.6c-25.2-11.2-60.7-15-84.8 8a29 29 0 0 1-36.2 5.2c-10.9-6-17.7-17.1-16-25.8 2.6-13-1-25.7-10.1-35.8a47 47 0 0 0-33.6-15.6l-3.2.1c-13.4 1.2-28.5-.4-30.5-6.8l-.3-1.5-.4-2.2-.4-2.2-.5-2.8-.3-1.8-.5-3.3-.2-1.4-.4-3.6-.1-1.1-.4-3.9-.1-1-.3-4-.1-.9-.2-4v-.9l-.1-4.9a184 184 0 0 1 184-183.8m0 368a184 184 0 0 1-173.6-122.9 79 79 0 0 0 25.8 1.1 30 30 0 0 1 23.5 10.3c4 4.4 8.4 11.9 6.3 22-3.1 15.6 7 33.6 24 43a47 47 0 0 0 22.6 6.1 47 47 0 0 0 32.4-13.8c18.4-17.5 46.8-14.1 67.2-5a77 77 0 0 0 90.6-17.4c10.8-11.7 12.5-26.8 14-40.2.9-8.5 1.8-16.5 4.8-22.7 3.1-6.2 6.9-6.8 16.9-6.8 8.1 0 18.7 0 27-8.3A184 184 0 0 1 368.5 944"/>
<path fill="#9A2D2F" d="M368.5 832a72 72 0 1 0-.2-144.2 72 72 0 0 0 .2 144.2m0-128a56 56 0 1 1 0 112 56 56 0 0 1 0-112m-77.2-33.5a8 8 0 0 1-4.3-14.8l7.7-4.8a8 8 0 0 1 11 2.5 8 8 0 0 1-2.5 11l-7.7 4.8a7 7 0 0 1-4.2 1.3m-59.6 20.3-1.1-.1a8 8 0 0 1-6.8-9l1.3-9.5a8 8 0 0 1 15.8 2.2l-1.3 9.5a8 8 0 0 1-7.9 6.9m-18.9 58.1a8 8 0 0 1-7.8-6.4l-1.7-8.3a8 8 0 0 1 6.2-9.4 8 8 0 0 1 9.4 6.2l1.7 8.3a8 8 0 0 1-6.2 9.4q-.7.3-1.6.2m44.4 43a8 8 0 0 1-5.9-2.6l-5.3-5.8c-3-3.3-2.8-8.3.5-11.3s8.3-2.8 11.3.5l5.3 5.8a8 8 0 0 1-.5 11.3 7 7 0 0 1-5.4 2.1m29.2 78.3q-2.2 0-4.2-1.2a8 8 0 0 1-2.6-11l5-8.1a8 8 0 0 1 11-2.6 8 8 0 0 1 2.6 11l-5 8.1a8 8 0 0 1-6.8 3.8"/>
<path fill="#FFACC2" d="M355.3 610.8h7.6"/>
<path fill="#9A2D2F" d="M362.9 618.8h-7.5c-4.4 0-8-3.6-8-8s3.6-8 8-8h7.5c4.4 0 8 3.6 8 8s-3.6 8-8 8m76.2 25.6q-1.8 0-3.5-.8l-8.3-4a8 8 0 1 1 7-14.4l8.3 4a8 8 0 0 1-3.5 15.2m-21.3 49.9a8 8 0 0 1-4-1.1l-6-3.5a8 8 0 0 1 8-13.8l6 3.5a8 8 0 0 1-4 14.9m80.9 30q-2.4 0-4.4-1.4l-9.7-6.5a8 8 0 0 1-2.2-11.1 8 8 0 0 1 11.1-2.2l9.7 6.5a8 8 0 0 1 2.2 11.1 8 8 0 0 1-6.7 3.6M472 794.2a7 7 0 0 1-3.4-.8 8 8 0 0 1-3.8-10.6l4.8-10.3a8 8 0 0 1 10.6-3.8 8 8 0 0 1 3.8 10.6l-4.8 10.3a8 8 0 0 1-7.2 4.6"/>
<path fill="#FFF" d="M408.4 846.8h9.4"/>
<path fill="#9A2D2F" d="M417.8 854.8h-9.4c-4.4 0-8-3.6-8-8s3.6-8 8-8h9.4c4.4 0 8 3.6 8 8s-3.6 8-8 8"/>
<path fill="#FFF" d="M423.2 280.2a18.6 18.6 0 0 0-18.6 18.6v8.8c0 2.5 2 4.6 4.6 4.6h52.5q.6-6.4 4.3-16c2.8-7 7.4-12 13.2-16zm31.3-50.3v34.4h56.8a94 94 0 0 0 29.2-20.6 42 42 0 0 0 11.4-35.4h-75.8a21.6 21.6 0 0 0-21.6 21.6m4.7 132.4c3.8-16.2 3.5-25.8 2.9-33.6h-36.9l12.6 158.5c24.7-37.1 14.9-96.7 21.4-124.9"/>
</svg>Gợi ý thêm
- Bạn có thể dùng các công cụ tương tự như SVGOMG nếu muốn nhiều tùy chọn hơn
- Nếu dùng trong web, nên nhúng inline SVG đã nén thay vì tải file ngoài để giảm request HTTP
Chúc các bạn thành công!
Bình luận