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
<!-- 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="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"/>
<svg x="18">
<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"/>
</svg>
<svg x="36">
<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"/>
</svg>
<svg x="54">
<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"/>
</svg>
<svg x="72">
<defs>
<mask id="a" mask-type="alpha">
<path d="M0 -2.906a2.907 2.907 0 0 1 2.906 2.906 2.907 2.907 0 0 1 -2.906 2.906 2.907 2.907 0 0 1 -2.906 -2.906 2.907 2.907 0 0 1 2.906 -2.906z" transform="translate(1.177 18.622) scale(6.7782)"/>
</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="90">
<defs>
<mask id="b" mask-type="alpha">
<path d="M0 -2.906a2.907 2.907 0 0 1 2.906 2.906 2.907 2.907 0 0 1 -2.906 2.906 2.907 2.907 0 0 1 -2.906 -2.906 2.907 2.907 0 0 1 2.906 -2.906z" transform="translate(1.133 18.622) scale(6.49626)"/>
</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="108">
<defs>
<mask id="c" mask-type="alpha">
<path d="M0 -2.906a2.907 2.907 0 0 1 2.906 2.906 2.907 2.907 0 0 1 -2.906 2.906 2.907 2.907 0 0 1 -2.906 -2.906 2.907 2.907 0 0 1 2.906 -2.906z" transform="translate(1.075 18.622) scale(6.1231)"/>
</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="126">
<defs>
<mask id="d" mask-type="alpha">
<path d="M0 -2.906a2.907 2.907 0 0 1 2.906 2.906 2.907 2.907 0 0 1 -2.906 2.906 2.907 2.907 0 0 1 -2.906 -2.906 2.907 2.907 0 0 1 2.906 -2.906z" transform="translate(.996 18.622) scale(5.61712)"/>
</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="144">
<defs>
<mask id="J" mask-type="alpha">
<path d="M0 -2.906a2.907 2.907 0 0 1 2.906 2.906 2.907 2.907 0 0 1 -2.906 2.906 2.907 2.907 0 0 1 -2.906 -2.906 2.907 2.907 0 0 1 2.906 -2.906z" transform="translate(.884 18.622) scale(4.89783)"/>
</mask>
<mask id="I" mask-type="alpha">
<path d="M0 -2.906a2.907 2.907 0 0 1 2.906 2.906 2.907 2.907 0 0 1 -2.906 2.906 2.907 2.907 0 0 1 -2.906 -2.906 2.907 2.907 0 0 1 2.906 -2.906z" transform="translate(1.097 1.705) scale(7.12503)"/>
</mask>
</defs>
<g mask="url(#I)">
<path d="M9 11.413l5.293 5.293a0.999 0.999 0 0 0 1.414 -0.024 1.001 1.001 0 0 0 0 -1.39l-5.293 -5.293"/>
<path d="M10.973 10.558l-7.266 -7.265a1 1 0 0 0 -1.414 0.024 1.001 1.001 0 0 0 0 1.39l7.266 7.265"/>
</g>
<path d="M7.687 9.906l-5.394 5.387a1 1 0 0 0 -0.025 1.414 1 1 0 0 0 1.439 0l5.394 -5.387m1.212 -1.232l5.393 -5.381a0.999 0.999 0 0 0 -0.024 -1.414 1.001 1.001 0 0 0 -1.39 0l-5.393 5.381" mask="url(#J)"/>
</svg>
<svg x="162">
<defs>
<mask id="g" mask-type="alpha">
<path d="M0 -2.906a2.907 2.907 0 0 1 2.906 2.906 2.907 2.907 0 0 1 -2.906 2.906 2.907 2.907 0 0 1 -2.906 -2.906 2.907 2.907 0 0 1 2.906 -2.906z" transform="translate(.71 18.622) scale(3.7902)"/>
</mask>
<mask id="f" mask-type="alpha">
<path d="M0 -2.906a2.907 2.907 0 0 1 2.906 2.906 2.907 2.907 0 0 1 -2.906 2.906 2.907 2.907 0 0 1 -2.906 -2.906 2.907 2.907 0 0 1 2.906 -2.906z" transform="translate(1.07 1.705) scale(6.95173)"/>
</mask>
</defs>
<g mask="url(#f)">
<path d="M9 11.413l5.293 5.293a0.999 0.999 0 0 0 1.414 -0.024 1.001 1.001 0 0 0 0 -1.39l-5.293 -5.293"/>
<path d="M10.973 10.558l-7.266 -7.265a1 1 0 0 0 -1.414 0.024 1.001 1.001 0 0 0 0 1.39l7.266 7.265"/>
</g>
<path d="M7.687 9.906l-5.394 5.387a1 1 0 0 0 -0.025 1.414 1 1 0 0 0 1.439 0l5.394 -5.387m1.212 -1.232l5.393 -5.381a0.999 0.999 0 0 0 -0.024 -1.414 1.001 1.001 0 0 0 -1.39 0l-5.393 5.381" mask="url(#g)"/>
</svg>
<svg x="180">
<defs>
<mask id="i" mask-type="alpha">
<path d="M0 -2.906a2.907 2.907 0 0 1 2.906 2.906 2.907 2.907 0 0 1 -2.906 2.906 2.907 2.907 0 0 1 -2.906 -2.906 2.907 2.907 0 0 1 2.906 -2.906z" transform="translate(.454 18.622) scale(2.13915)"/>
</mask>
<mask id="h" mask-type="alpha">
<path d="M0 -2.906a2.907 2.907 0 0 1 2.906 2.906 2.907 2.907 0 0 1 -2.906 2.906 2.907 2.907 0 0 1 -2.906 -2.906 2.907 2.907 0 0 1 2.906 -2.906z" transform="translate(1.034 1.705) scale(6.72397)"/>
</mask>
</defs>
<g mask="url(#h)">
<path d="M9 11.413l5.293 5.293a0.999 0.999 0 0 0 1.414 -0.024 1.001 1.001 0 0 0 0 -1.39l-5.293 -5.293"/>
<path d="M10.973 10.558l-7.266 -7.265a1 1 0 0 0 -1.414 0.024 1.001 1.001 0 0 0 0 1.39l7.266 7.265"/>
</g>
<path d="M7.687 9.906l-5.394 5.387a1 1 0 0 0 -0.025 1.414 1 1 0 0 0 1.439 0l5.394 -5.387m1.212 -1.232l5.393 -5.381a0.999 0.999 0 0 0 -0.024 -1.414 1.001 1.001 0 0 0 -1.39 0l-5.393 5.381" mask="url(#i)"/>
</svg>
<svg x="198">
<defs>
<mask id="j" mask-type="alpha">
<path d="M0 -2.906a2.907 2.907 0 0 1 2.906 2.906 2.907 2.907 0 0 1 -2.906 2.906 2.907 2.907 0 0 1 -2.906 -2.906 2.907 2.907 0 0 1 2.906 -2.906z" transform="translate(.987 1.705) scale(6.42492)"/>
</mask>
</defs>
<g mask="url(#j)">
<path d="M9 11.413l5.293 5.293a0.999 0.999 0 0 0 1.414 -0.024 1.001 1.001 0 0 0 0 -1.39l-5.293 -5.293"/>
<path d="M10.973 10.558l-7.266 -7.265a1 1 0 0 0 -1.414 0.024 1.001 1.001 0 0 0 0 1.39l7.266 7.265"/>
</g>
</svg>
<svg x="216">
<defs>
<mask id="k" mask-type="alpha">
<path d="M0 -2.906a2.907 2.907 0 0 1 2.906 2.906 2.907 2.907 0 0 1 -2.906 2.906 2.907 2.907 0 0 1 -2.906 -2.906 2.907 2.907 0 0 1 2.906 -2.906z" transform="translate(.925 1.705) scale(6.02764)"/>
</mask>
</defs>
<g mask="url(#k)">
<path d="M9 11.413l5.293 5.293a0.999 0.999 0 0 0 1.414 -0.024 1.001 1.001 0 0 0 0 -1.39l-5.293 -5.293"/>
<path d="M10.973 10.558l-7.266 -7.265a1 1 0 0 0 -1.414 0.024 1.001 1.001 0 0 0 0 1.39l7.266 7.265"/>
</g>
</svg>
<svg x="234">
<defs>
<mask id="l" mask-type="alpha">
<path d="M0 -2.906a2.907 2.907 0 0 1 2.906 2.906 2.907 2.907 0 0 1 -2.906 2.906 2.907 2.907 0 0 1 -2.906 -2.906 2.907 2.907 0 0 1 2.906 -2.906z" transform="translate(.84 1.705) scale(5.48475)"/>
</mask>
</defs>
<g mask="url(#l)">
<path d="M9 11.413l5.293 5.293a0.999 0.999 0 0 0 1.414 -0.024 1.001 1.001 0 0 0 0 -1.39l-5.293 -5.293"/>
<path d="M10.973 10.558l-7.266 -7.265a1 1 0 0 0 -1.414 0.024 1.001 1.001 0 0 0 0 1.39l7.266 7.265"/>
</g>
</svg>
<svg x="252">
<defs>
<mask id="m" mask-type="alpha">
<path d="M0 -2.906a2.907 2.907 0 0 1 2.906 2.906 2.907 2.907 0 0 1 -2.906 2.906 2.907 2.907 0 0 1 -2.906 -2.906 2.907 2.907 0 0 1 2.906 -2.906z" transform="translate(.718 1.705) scale(4.70182)"/>
</mask>
</defs>
<g mask="url(#m)">
<path d="M9 11.413l5.293 5.293a0.999 0.999 0 0 0 1.414 -0.024 1.001 1.001 0 0 0 0 -1.39l-5.293 -5.293"/>
<path d="M10.973 10.558l-7.266 -7.265a1 1 0 0 0 -1.414 0.024 1.001 1.001 0 0 0 0 1.39l7.266 7.265"/>
</g>
</svg>
<svg x="270">
<defs>
<mask id="n" mask-type="alpha">
<path d="M0 -2.906a2.907 2.907 0 0 1 2.906 2.906 2.907 2.907 0 0 1 -2.906 2.906 2.907 2.907 0 0 1 -2.906 -2.906 2.907 2.907 0 0 1 2.906 -2.906z" transform="translate(.527 1.705) scale(3.47447)"/>
</mask>
</defs>
<path d="M10.973 10.558l-7.266 -7.265a1 1 0 0 0 -1.414 0.024 1.001 1.001 0 0 0 0 1.39l7.266 7.265" mask="url(#n)"/>
</svg>
<svg x="288">
<defs>
<mask id="o" mask-type="alpha">
<path d="M0 -2.906a2.907 2.907 0 0 1 2.906 2.906 2.907 2.907 0 0 1 -2.906 2.906 2.907 2.907 0 0 1 -2.906 -2.906 2.907 2.907 0 0 1 2.906 -2.906z" transform="translate(.267 1.705) scale(1.80625)"/>
</mask>
</defs>
<path d="M10.973 10.558l-7.266 -7.265a1 1 0 0 0 -1.414 0.024 1.001 1.001 0 0 0 0 1.39l7.266 7.265" mask="url(#o)"/>
</svg>
<svg x="306">
<path d="M6.148 16.38c3.527 1.576 7.664 -0.007 9.24 -3.533 1.576 -3.528 -0.005 -7.664 -3.532 -9.24a6.997 6.997 0 0 0 -6.878 0.664 6.954 6.954 0 0 0 -2.874 4.522 1 1 0 1 0 1.97 0.345 5.02 5.02 0 1 1 2.352 5.113" opacity=".066"/>
</svg>
<svg x="324">
<path d="M4.934 13.615l0.584 0.08a0.231 0.231 0 0 0 0.062 -0.458l-1.144 -0.155a0.231 0.231 0 0 0 -0.26 0.198l-0.155 1.144a0.231 0.231 0 0 0 0.457 0.062l0.075 -0.554" opacity=".231"/>
<path d="M3.416 14.202c2.324 3.086 6.71 3.704 9.796 1.38 3.086 -2.323 3.705 -6.708 1.381 -9.795a6.997 6.997 0 0 0 -6.34 -2.747 6.954 6.954 0 0 0 -4.703 2.566 1 1 0 1 0 1.557 1.255 5.02 5.02 0 1 1 -0.417 5.612" opacity=".186"/>
</svg>
<svg x="342">
<path d="M3.778 11.038l0.737 0.506a0.35 0.35 0 0 0 0.397 -0.578l-1.444 -0.993a0.35 0.35 0 0 0 -0.488 0.09l-0.993 1.445a0.35 0.35 0 0 0 0.578 0.397l0.48 -0.699" opacity=".351"/>
<path d="M2.08 10.974c0.54 3.826 4.079 6.49 7.904 5.95s6.489 -4.078 5.95 -7.903a6.997 6.997 0 0 0 -4.219 -5.473 6.954 6.954 0 0 0 -5.358 -0.03 1 1 0 1 0 0.755 1.852 5.02 5.02 0 1 1 -3.081 4.71" opacity=".322"/>
</svg>
<svg x="360">
<path d="M4.073 8.272l0.576 1.051a0.47 0.47 0 0 0 0.825 -0.451l-1.129 -2.062a0.47 0.47 0 0 0 -0.638 -0.187l-2.062 1.129a0.47 0.47 0 0 0 0.451 0.825l0.998 -0.546" opacity=".47"/>
<path d="M2.473 7.503c-1.38 3.61 0.429 7.653 4.037 9.032 3.608 1.38 7.652 -0.427 9.031 -4.036a6.997 6.997 0 0 0 -1.042 -6.83 6.954 6.954 0 0 0 -4.674 -2.62 1 1 0 1 0 -0.236 1.986 5.02 5.02 0 1 1 -4.976 2.63" opacity=".464"/>
</svg>
<svg x="378">
<path d="M5.703 6.065l0.05 1.503a0.59 0.59 0 0 0 1.179 -0.04l-0.098 -2.946a0.59 0.59 0 0 0 -0.609 -0.57l-2.947 0.097a0.59 0.59 0 0 0 0.04 1.18l1.424 -0.048" opacity=".59"/>
<path d="M4.497 4.656c-2.954 2.49 -3.329 6.904 -0.839 9.857 2.49 2.954 6.903 3.33 9.857 0.84a6.997 6.997 0 0 0 2.393 -6.482 6.954 6.954 0 0 0 -2.821 -4.555 1 1 0 1 0 -1.167 1.624 5.02 5.02 0 1 1 -5.627 -0.107" opacity=".607"/>
</svg>
<svg x="396">
<path d="M8.198 5.001l-0.761 1.64a0.71 0.71 0 0 0 1.287 0.597l1.493 -3.217a0.71 0.71 0 0 0 -0.345 -0.942l-3.217 -1.493a0.71 0.71 0 0 0 -0.597 1.287l1.556 0.722" opacity=".709"/>
<path d="M7.646 3.145c-3.79 0.749 -6.254 4.43 -5.505 8.219 0.75 3.79 4.429 6.254 8.219 5.505a6.997 6.997 0 0 0 5.232 -4.514 6.954 6.954 0 0 0 -0.265 -5.35 1 1 0 1 0 -1.807 0.856 5.02 5.02 0 1 1 -4.872 -2.817" opacity=".747"/>
</svg>
<svg x="414">
<path d="M10.865 5.35l-1.658 1.31a0.83 0.83 0 0 0 1.027 1.3l3.253 -2.57a0.83 0.83 0 0 0 0.136 -1.164l-2.57 -3.252a0.83 0.83 0 0 0 -1.3 1.028l1.243 1.573" opacity=".829"/>
<path d="M11.133 3.346c-3.68 -1.18 -7.617 0.849 -8.795 4.527 -1.179 3.68 0.848 7.617 4.527 8.796a6.997 6.997 0 0 0 6.763 -1.417 6.954 6.954 0 0 0 2.358 -4.811 1 1 0 1 0 -1.996 -0.126 5.02 5.02 0 1 1 -2.9 -4.823" opacity=".877"/>
</svg>
<svg x="432">
<path d="M12.97 6.998l-2.37 0.482a0.949 0.949 0 0 0 0.38 1.86l4.647 -0.948a0.949 0.949 0 0 0 0.74 -1.118l-0.947 -4.648a0.949 0.949 0 0 0 -1.859 0.379l0.458 2.247" opacity=".949"/>
<path d="M14.087 5.21c-2.649 -2.813 -7.076 -2.944 -9.887 -0.295 -2.813 2.649 -2.945 7.075 -0.296 9.888a6.997 6.997 0 0 0 6.604 2.033 6.954 6.954 0 0 0 4.392 -3.069 1 1 0 1 0 -1.685 -1.076 5.02 5.02 0 1 1 -0.204 -5.624" opacity=".981"/>
</svg>
<svg x="450">
<path d="M13.548 7.997l-2.549 0.001a1 1 0 0 0 0.001 2l5 -0.003a1 1 0 0 0 0.999 -1l-0.003 -5a1 1 0 0 0 -2 0.002l0.002 2.417"/>
<path d="M14.998 6.414c-1.983 -3.316 -6.279 -4.395 -9.594 -2.412 -3.316 1.983 -4.396 6.278 -2.413 9.594a6.997 6.997 0 0 0 6.013 3.404 6.954 6.954 0 0 0 4.95 -2.053 1 1 0 1 0 -1.415 -1.413 5.02 5.02 0 1 1 1.01 -5.537"/>
</svg>
</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.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment