Skip to content

Instantly share code, notes, and snippets.

@nt1m
Last active August 31, 2017 06:10
Show Gist options
  • Save nt1m/663b147ec798964fb4089d3bf8faf0c9 to your computer and use it in GitHub Desktop.
Save nt1m/663b147ec798964fb4089d3bf8faf0c9 to your computer and use it in GitHub Desktop.
Optimize SVG
Display the source blob
Display the rendered blob
Raw
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Display the source blob
Display the rendered blob
Raw
<!-- This Source Code Form is subject to the terms of the Mozilla Public
- License, v. 2.0. If a copy of the MPL was not distributed with this
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<svg xmlns="http://www.w3.org/2000/svg" width="468" height="20" fill="context-fill">
<path d="M13.55 8H11a1 1 0 0 0 0 2h5a1 1 0 0 0 1-1V4a1 1 0 0 0-2 0v2.418"/>
<path d="M15 6.418C13.02 3.1 8.724 2.018 5.408 4c-3.317 1.98-4.4 6.275-2.42 9.592A6.997 6.997 0 0 0 9 17a6.954 6.954 0 0 0 4.95-2.05 1 1 0 1 0-1.414-1.414A5.02 5.02 0 1 1 13.55 8"/>
<svg x="18">
<path d="M13.735 8.606l-1.72-.78a.74.74 0 0 0-.61 1.35l3.37 1.53a.74.74 0 0 0 .98-.37l1.532-3.372a.74.74 0 0 0-1.35-.612l-.74 1.63"/>
<path d="M15.91 8.954c-.58-3.82-4.146-6.446-7.965-5.867-3.82.58-6.447 4.144-5.868 7.964a6.997 6.997 0 0 0 4.275 5.43 6.954 6.954 0 0 0 5.357-.025 1 1 0 1 0-.775-1.844 5.02 5.02 0 1 1 3.032-4.74"/>
</svg>
<svg x="36">
<path d="M14.088 9.318l-.89-.845a.482.482 0 0 0-.663.7l1.747 1.656a.482.482 0 0 0 .68-.02l1.657-1.746a.482.482 0 0 0-.7-.662l-.8.844"/>
<path d="M15.79 11.646c.91-3.755-1.397-7.536-5.15-8.444-3.756-.91-7.537 1.396-8.446 5.15a6.997 6.997 0 0 0 1.903 6.644A6.954 6.954 0 0 0 9.067 17a1 1 0 1 0-.02-2 5.02 5.02 0 1 1 4.6-3.242"/>
</svg>
<svg x="54">
<path d="M14.43 10.23l-.315-.47a.222.222 0 0 0-.37.247l.618.923a.222.222 0 0 0 .308.062l.925-.618a.222.222 0 0 0-.247-.37l-.447.3"/>
<path d="M14.664 14.093c2.262-3.132 1.556-7.504-1.575-9.766C9.956 2.065 5.584 2.77 3.322 5.9a6.997 6.997 0 0 0-.752 6.87 6.954 6.954 0 0 0 3.843 3.735 1 1 0 1 0 .74-1.858 5.02 5.02 0 1 1 5.485-1.26"/>
</svg>
<svg x="72">
<defs>
<filter id="a">
<feColorMatrix color-interpolation-filters="sRGB" type="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
</filter>
<mask id="b" mask-type="alpha">
<g filter="url(#a)">
<path d="M0 0h18v20H0z" opacity="0"/>
<path d="M8.85 10.044l-1.465 8.154s4.614.676 4.642.584c.03-.092 3.69-3.364 3.69-3.364L8.85 10.044z"/>
</g>
</mask>
</defs>
<path d="M12.694 15.932c3.28-2.043 4.28-6.358 2.237-9.636-2.042-3.28-6.355-4.28-9.634-2.238A6.997 6.997 0 0 0 2 10.132a6.954 6.954 0 0 0 2.144 4.91 1 1 0 1 0 1.387-1.44 5.02 5.02 0 1 1 5.555.91" mask="url(#b)" opacity=".943"/>
</svg>
<svg x="90">
<defs>
<filter id="c">
<feColorMatrix color-interpolation-filters="sRGB" type="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
</filter>
<mask id="d" mask-type="alpha">
<g filter="url(#c)">
<path d="M0 0h18v20H0z" opacity="0"/>
<path d="M8.85 10.044L5.634 17.05s5.448 2.043 5.504 1.86c.057-.185 4.615-3.567 4.615-3.567l-6.903-5.3z"/>
</g>
</mask>
</defs>
<path d="M10.175 16.888c3.81-.65 6.368-4.265 5.717-8.073-.65-3.808-4.264-6.368-8.073-5.717A6.997 6.997 0 0 0 2.47 7.474a6.954 6.954 0 0 0 .125 5.356 1 1 0 1 0 1.83-.808 5.02 5.02 0 1 1 4.796 2.943" mask="url(#d)" opacity=".749"/>
</svg>
<svg x="108">
<defs>
<filter id="e">
<feColorMatrix color-interpolation-filters="sRGB" type="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
</filter>
<mask id="f" mask-type="alpha">
<g filter="url(#e)">
<path d="M0 0h18v20H0z" opacity="0"/>
<path d="M8.85 10.044L3.883 15.9s6.28 3.412 6.366 3.136c.084-.276 5.537-3.767 5.537-3.767L8.85 10.043z"/>
</g>
</mask>
</defs>
<path d="M7.482 16.82c3.77.84 7.508-1.54 8.346-5.31.84-3.77-1.538-7.507-5.31-8.346a6.997 6.997 0 0 0-6.605 2.028 6.954 6.954 0 0 0-1.91 5.005 1 1 0 1 0 2-.056 5.02 5.02 0 1 1 3.327 4.54" mask="url(#f)" opacity=".485"/>
</svg>
<svg x="126">
<defs>
<filter id="g">
<feColorMatrix color-interpolation-filters="sRGB" type="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
</filter>
<mask id="h" mask-type="alpha">
<g filter="url(#g)">
<path d="M0 0h18v20H0z" opacity="0"/>
<path d="M8.85 10.044L2.13 14.75s7.116 4.78 7.23 4.413c.113-.368 6.462-3.968 6.462-3.968l-6.972-5.15z"/>
</g>
</mask>
</defs>
<path d="M5.014 15.74c3.174 2.203 7.532 1.415 9.735-1.758 2.202-3.174 1.416-7.532-1.758-9.735a6.997 6.997 0 0 0-6.882-.623 6.954 6.954 0 0 0-3.662 3.91 1 1 0 1 0 1.872.705 5.02 5.02 0 1 1 1.363 5.46" mask="url(#h)" opacity=".256"/>
</svg>
<svg x="144">
<defs>
<mask id="k" mask-type="alpha">
<path d="M.31-4.362a6.07 6.07 0 0 1 6.067 6.067A6.07 6.07 0 0 1 .31 7.772a6.07 6.07 0 0 1-6.067-6.067A6.07 6.07 0 0 1 .31-4.362z"/>
</mask>
<filter id="i">
<feColorMatrix color-interpolation-filters="sRGB" type="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
</filter>
<mask id="j" mask-type="alpha">
<g filter="url(#i)">
<path d="M0 0h18v20H0z" opacity="0"/>
<path d="M8.85 10.044L.38 13.6s7.95 6.15 8.09 5.69c.142-.46 7.386-4.17 7.386-4.17L8.85 10.044z"/>
</g>
</mask>
</defs>
<path d="M3.14 13.805c2.103 3.24 6.436 4.16 9.675 2.056 3.24-2.103 4.16-6.435 2.057-9.675a6.997 6.997 0 0 0-6.135-3.18 6.954 6.954 0 0 0-4.87 2.235A1 1 0 1 0 5.333 6.6a5.02 5.02 0 1 1-.804 5.57" mask="url(#j)" opacity=".104"/>
<g mask="url(#k)">
<path d="M8.12 10.527l6.173 6.18a1 1 0 0 0 1.414-.025 1 1 0 0 0 0-1.39l-6.173-6.18"/>
<path d="M9.706 9.268l-6-5.975a1 1 0 0 0-1.413.024 1 1 0 0 0 0 1.39l6 5.975"/>
</g>
</svg>
<svg x="162">
<defs>
<mask id="n" mask-type="alpha">
<path d="M.556-8.94A10.648 10.648 0 0 1 11.2 1.705 10.648 10.648 0 0 1 .557 12.35 10.648 10.648 0 0 1-10.09 1.705 10.648 10.648 0 0 1 .557-8.94z"/>
</mask>
<filter id="l">
<feColorMatrix color-interpolation-filters="sRGB" type="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
</filter>
<mask id="m" mask-type="alpha">
<g filter="url(#l)">
<path d="M0 0h18v20H0z" opacity="0"/>
<path d="M8.85 10.044l-9.2 1.394s7.603 8.78 7.773 8.227c.17-.553 8.467-4.62 8.467-4.62l-7.04-5z"/>
</g>
</mask>
</defs>
<path d="M2.135 11.305c.722 3.795 4.384 6.286 8.18 5.563 3.795-.72 6.286-4.383 5.564-8.178a6.997 6.997 0 0 0-4.477-5.265 6.954 6.954 0 0 0-5.353.227 1 1 0 1 0 .843 1.813 5.02 5.02 0 1 1-2.852 4.852" mask="url(#m)" opacity=".023"/>
<path d="M9.706 9.268l-6-5.975a1 1 0 0 0-1.413.024 1 1 0 0 0 0 1.39l6 5.975" mask="url(#n)"/>
</svg>
<svg x="180">
<defs>
<mask id="o" mask-type="alpha">
<path d="M.728-12.144a13.854 13.854 0 0 1 13.85 13.85A13.854 13.854 0 0 1 .727 15.553a13.854 13.854 0 0 1-13.85-13.85A13.854 13.854 0 0 1 .73-12.143z"/>
</mask>
</defs>
<g mask="url(#o)">
<path d="M8.12 10.527l6.173 6.18a1 1 0 0 0 1.414-.025 1 1 0 0 0 0-1.39l-6.173-6.18"/>
<path d="M9.706 9.268l-6-5.975a1 1 0 0 0-1.413.024 1 1 0 0 0 0 1.39l6 5.975"/>
</g>
</svg>
<svg x="198">
<defs>
<mask id="p" mask-type="alpha">
<path d="M.842-14.252A15.963 15.963 0 0 1 16.8 1.705 15.963 15.963 0 0 1 .84 17.662 15.963 15.963 0 0 1-15.115 1.705 15.963 15.963 0 0 1 .842-14.252z"/>
</mask>
</defs>
<g mask="url(#p)">
<path d="M8.12 10.527l6.173 6.18a1 1 0 0 0 1.414-.025 1 1 0 0 0 0-1.39l-6.173-6.18"/>
<path d="M9.706 9.268l-6-5.975a1 1 0 0 0-1.413.024 1 1 0 0 0 0 1.39l6 5.975"/>
</g>
</svg>
<svg x="216">
<defs>
<mask id="q" mask-type="alpha">
<path d="M.922-15.747A17.458 17.458 0 0 1 18.374 1.705 17.458 17.458 0 0 1 .922 19.157 17.458 17.458 0 0 1-16.53 1.705 17.458 17.458 0 0 1 .922-15.747z"/>
</mask>
</defs>
<g mask="url(#q)">
<path d="M8.12 10.527l6.173 6.18a1 1 0 0 0 1.414-.025 1 1 0 0 0 0-1.39l-6.173-6.18"/>
<path d="M9.706 9.268l-6-5.975a1 1 0 0 0-1.413.024 1 1 0 0 0 0 1.39l6 5.975"/>
</g>
</svg>
<svg x="234">
<defs>
<mask id="r" mask-type="alpha">
<path d="M.982-16.86A18.57 18.57 0 0 1 19.546 1.706 18.57 18.57 0 0 1 .982 20.27 18.57 18.57 0 0 1-17.582 1.704 18.57 18.57 0 0 1 .982-16.86z"/>
</mask>
</defs>
<g mask="url(#r)">
<path d="M8.12 10.527l6.173 6.18a1 1 0 0 0 1.414-.025 1 1 0 0 0 0-1.39l-6.173-6.18"/>
<path d="M9.706 9.268l-6-5.975a1 1 0 0 0-1.413.024 1 1 0 0 0 0 1.39l6 5.975"/>
</g>
</svg>
<svg x="252">
<defs>
<mask id="s" mask-type="alpha">
<path d="M1.027-17.71A19.42 19.42 0 0 1 20.44 1.706 19.42 19.42 0 0 1 1.028 21.12 19.42 19.42 0 0 1-18.387 1.704 19.42 19.42 0 0 1 1.027-17.71z"/>
</mask>
</defs>
<g mask="url(#s)">
<path d="M8.12 10.527l6.173 6.18a1 1 0 0 0 1.414-.025 1 1 0 0 0 0-1.39l-6.173-6.18"/>
<path d="M9.706 9.268l-6-5.975a1 1 0 0 0-1.413.024 1 1 0 0 0 0 1.39l6 5.975"/>
</g>
</svg>
<svg x="270">
<defs>
<mask id="u" mask-type="alpha">
<path d="M.46 12.297a6.327 6.327 0 0 1 6.325 6.325A6.327 6.327 0 0 1 .46 24.947a6.327 6.327 0 0 1-6.325-6.325A6.327 6.327 0 0 1 .46 12.297z"/>
</mask>
<mask id="t" mask-type="alpha">
<path d="M1.062-18.366a20.077 20.077 0 0 1 20.07 20.07 20.077 20.077 0 0 1-20.07 20.072 20.077 20.077 0 0 1-20.07-20.07A20.077 20.077 0 0 1 1.06-18.367z"/>
</mask>
</defs>
<g mask="url(#t)">
<path d="M8.12 10.527l6.173 6.18a1 1 0 0 0 1.414-.025 1 1 0 0 0 0-1.39l-6.173-6.18"/>
<path d="M9.706 9.268l-6-5.975a1 1 0 0 0-1.413.024 1 1 0 0 0 0 1.39l6 5.975"/>
</g>
<path d="M7.71 9.883l-5.417 5.41a1 1 0 0 0-.025 1.414 1 1 0 0 0 1.44 0l5.417-5.41m1.2-1.152l5.38-5.438a1 1 0 0 0-.023-1.414 1 1 0 0 0-1.39 0L8.912 8.73" mask="url(#u)"/>
</svg>
<svg x="288">
<defs>
<mask id="w" mask-type="alpha">
<path d="M.704 7.752a10.874 10.874 0 0 1 10.87 10.87 10.874 10.874 0 0 1-10.87 10.87 10.874 10.874 0 0 1-10.87-10.87A10.874 10.874 0 0 1 .704 7.752z"/>
</mask>
<mask id="v" mask-type="alpha">
<path d="M1.09-18.874a20.586 20.586 0 0 1 20.58 20.58A20.586 20.586 0 0 1 1.09 22.283a20.586 20.586 0 0 1-20.58-20.58A20.586 20.586 0 0 1 1.09-18.873z"/>
</mask>
</defs>
<g mask="url(#v)">
<path d="M8.12 10.527l6.173 6.18a1 1 0 0 0 1.414-.025 1 1 0 0 0 0-1.39l-6.173-6.18"/>
<path d="M9.706 9.268l-6-5.975a1 1 0 0 0-1.413.024 1 1 0 0 0 0 1.39l6 5.975"/>
</g>
<path d="M7.71 9.883l-5.417 5.41a1 1 0 0 0-.025 1.414 1 1 0 0 0 1.44 0l5.417-5.41m1.2-1.152l5.38-5.438a1 1 0 0 0-.023-1.414 1 1 0 0 0-1.39 0L8.912 8.73" mask="url(#w)"/>
</svg>
<svg x="306">
<defs>
<mask id="y" mask-type="alpha">
<path d="M.87 4.63A13.998 13.998 0 0 1 14.865 18.62 13.998 13.998 0 0 1 .87 32.615 13.998 13.998 0 0 1-13.12 18.622 13.998 13.998 0 0 1 .87 4.63z"/>
</mask>
<mask id="x" mask-type="alpha">
<path d="M1.11-19.264a20.976 20.976 0 0 1 20.97 20.97A20.976 20.976 0 0 1 1.11 22.673a20.976 20.976 0 0 1-20.97-20.97A20.976 20.976 0 0 1 1.11-19.263z"/>
</mask>
</defs>
<g mask="url(#x)">
<path d="M8.12 10.527l6.173 6.18a1 1 0 0 0 1.414-.025 1 1 0 0 0 0-1.39l-6.173-6.18"/>
<path d="M9.706 9.268l-6-5.975a1 1 0 0 0-1.413.024 1 1 0 0 0 0 1.39l6 5.975"/>
</g>
<path d="M7.71 9.883l-5.417 5.41a1 1 0 0 0-.025 1.414 1 1 0 0 0 1.44 0l5.417-5.41m1.2-1.152l5.38-5.438a1 1 0 0 0-.023-1.414 1 1 0 0 0-1.39 0L8.912 8.73" mask="url(#y)"/>
</svg>
<svg x="324">
<defs>
<mask id="z" mask-type="alpha">
<path d="M.982 2.565A16.062 16.062 0 0 1 17.04 18.622 16.062 16.062 0 0 1 .98 34.68 16.062 16.062 0 0 1-15.075 18.62 16.062 16.062 0 0 1 .982 2.565z"/>
</mask>
</defs>
<path d="M10.414 10l5.293-5.293a1 1 0 0 0-1.414-1.414L9 8.586 3.707 3.293a1 1 0 0 0-1.414 1.414L7.586 10l-5.293 5.293a1 1 0 1 0 1.414 1.414L9 11.414l5.293 5.293a1 1 0 0 0 1.414-1.414z" mask="url(#z)"/>
</svg>
<svg x="342">
<defs>
<mask id="A" mask-type="alpha">
<path d="M1.06 1.097a17.53 17.53 0 0 1 17.525 17.525A17.53 17.53 0 0 1 1.06 36.147a17.53 17.53 0 0 1-17.525-17.525A17.53 17.53 0 0 1 1.06 1.097z"/>
</mask>
</defs>
<path d="M10.414 10l5.293-5.293a1 1 0 0 0-1.414-1.414L9 8.586 3.707 3.293a1 1 0 0 0-1.414 1.414L7.586 10l-5.293 5.293a1 1 0 1 0 1.414 1.414L9 11.414l5.293 5.293a1 1 0 0 0 1.414-1.414z" mask="url(#A)"/>
</svg>
<svg x="360">
<defs>
<mask id="B" mask-type="alpha">
<path d="M1.12.003a18.626 18.626 0 0 1 18.62 18.62A18.626 18.626 0 0 1 1.12 37.24 18.626 18.626 0 0 1-17.5 18.623 18.626 18.626 0 0 1 1.12.002z"/>
</mask>
</defs>
<path d="M10.414 10l5.293-5.293a1 1 0 0 0-1.414-1.414L9 8.586 3.707 3.293a1 1 0 0 0-1.414 1.414L7.586 10l-5.293 5.293a1 1 0 1 0 1.414 1.414L9 11.414l5.293 5.293a1 1 0 0 0 1.414-1.414z" mask="url(#B)"/>
</svg>
<svg x="378">
<defs>
<mask id="C" mask-type="alpha">
<path d="M1.164-.834A19.463 19.463 0 0 1 20.62 18.622 19.463 19.463 0 0 1 1.164 38.078a19.463 19.463 0 0 1-19.456-19.456A19.463 19.463 0 0 1 1.164-.834z"/>
</mask>
</defs>
<path d="M10.414 10l5.293-5.293a1 1 0 0 0-1.414-1.414L9 8.586 3.707 3.293a1 1 0 0 0-1.414 1.414L7.586 10l-5.293 5.293a1 1 0 1 0 1.414 1.414L9 11.414l5.293 5.293a1 1 0 0 0 1.414-1.414z" mask="url(#C)"/>
</svg>
<svg x="396">
<defs>
<mask id="D" mask-type="alpha">
<path d="M1.2-1.482a20.11 20.11 0 0 1 20.104 20.104A20.11 20.11 0 0 1 1.2 38.726a20.11 20.11 0 0 1-20.104-20.104A20.11 20.11 0 0 1 1.2-1.482z"/>
</mask>
</defs>
<path d="M10.414 10l5.293-5.293a1 1 0 0 0-1.414-1.414L9 8.586 3.707 3.293a1 1 0 0 0-1.414 1.414L7.586 10l-5.293 5.293a1 1 0 1 0 1.414 1.414L9 11.414l5.293 5.293a1 1 0 0 0 1.414-1.414z" mask="url(#D)"/>
</svg>
<svg x="414">
<defs>
<mask id="E" mask-type="alpha">
<path d="M1.226-1.982A20.61 20.61 0 0 1 21.83 18.622 20.61 20.61 0 0 1 1.226 39.226a20.61 20.61 0 0 1-20.604-20.604A20.61 20.61 0 0 1 1.226-1.982z"/>
</mask>
</defs>
<path d="M10.414 10l5.293-5.293a1 1 0 0 0-1.414-1.414L9 8.586 3.707 3.293a1 1 0 0 0-1.414 1.414L7.586 10l-5.293 5.293a1 1 0 1 0 1.414 1.414L9 11.414l5.293 5.293a1 1 0 0 0 1.414-1.414z" mask="url(#E)"/>
</svg>
<svg x="432">
<mask id="F" mask-type="alpha">
<path d="M1.15-20.02A21.733 21.733 0 0 1 22.878 1.704 21.733 21.733 0 0 1 1.15 23.43 21.733 21.733 0 0 1-20.574 1.706 21.733 21.733 0 0 1 1.15-20.02z"/>
</mask>
<path d="M10.414 10l5.293-5.293a1 1 0 0 0-1.414-1.414L9 8.586 3.707 3.293a1 1 0 0 0-1.414 1.414L7.586 10l-5.293 5.293a1 1 0 1 0 1.414 1.414L9 11.414l5.293 5.293a1 1 0 0 0 1.414-1.414z" mask="url(#F)"/>
</svg>
<svg x="450">
<path d="M10.414 10l5.293-5.293a1 1 0 0 0-1.414-1.414L9 8.586 3.707 3.293a1 1 0 0 0-1.414 1.414L7.586 10l-5.293 5.293a1 1 0 1 0 1.414 1.414L9 11.414l5.293 5.293a1 1 0 0 0 1.414-1.414z" mask="url(#F)"/>
</svg>
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment