Skip to content

Instantly share code, notes, and snippets.

@vladsadretdinov

vladsadretdinov/Векторный спрайт

Last active November 29, 2018 15:22
Show Gist options
  • Save vladsadretdinov/c7d48c11443b97f51adee501d9457746 to your computer and use it in GitHub Desktop.
Save vladsadretdinov/c7d48c11443b97f51adee501d9457746 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
Векторный спрайт
http://jsfiddle.net/simurai/7GCGr/
https://gist.github.com/darsain/3a8e344f655621ce1d4f
https://elrumordelaluz.github.io/micro-svg-spreact/
<svg style="display:none">
<symbol viewBox="0 0 16 16" id="icon-login">
<polygon points="0 7 7.01 7 7.01 4.06 10.96 8.01 7.01 11.91 7.01 9.06 0 9.02 0 7"/><polygon points="7.01 0 7.01 2 14.03 2 14.03 13.99 7.01 13.99 7.01 16 16 16 16 0 7.01 0"/>
</symbol>
<symbol viewBox="0 0 16 16" id="icon-comb"><g transform="matrix(0.159952, 0, 0, 0.159952, 0.365029, 0.172641)"><path d="M65 4.7L4.7 65c-3 3-3 7.8 0 10.8l6.1 6.1L14 85l11.9 11.9c.8.8 2.1.8 2.9 0 .8-.8.8-2.1 0-2.9L18 83.3c-.7-.7-.7-1.7 0-2.4s1.7-.7 2.4 0l10.7 10.7c.8.8 2.1.8 2.9 0 .8-.8.8-2.1 0-2.9L23.3 78.1c-.7-.7-.7-1.7 0-2.4s1.7-.7 2.4 0l10.7 10.7c.8.8 2.1.8 2.9 0 .8-.8.8-2.1 0-2.9L28.5 72.9c-.7-.7-.7-1.7 0-2.4s1.7-.7 2.4 0l10.7 10.7c.8.8 2.1.8 2.9 0 .8-.8.8-2.1 0-2.9L33.8 67.6c-.7-.7-.7-1.7 0-2.4s1.7-.7 2.4 0l10.7 10.7c.8.8 2.1.8 2.9 0 .8-.8.8-2.1 0-2.9L39 62.4c-.7-.7-.7-1.7 0-2.4s1.7-.7 2.4 0l10.7 10.7c.8.8 2.1.8 2.9 0 .8-.8.8-2.1 0-2.9L44.3 57.1c-.7-.7-.7-1.7 0-2.4s1.7-.7 2.4 0l10.7 10.7c.8.8 2.1.8 2.9 0 .8-.8.8-2.1 0-2.9L49.5 51.9c-.7-.7-.7-1.7 0-2.4s1.7-.7 2.4 0l10.7 10.7c.8.8 2.1.8 2.9 0 .8-.8.8-2.1 0-2.9L54.8 46.6c-.7-.7-.7-1.7 0-2.4s1.7-.7 2.4 0L67.8 55c.8.8 2.1.8 2.9 0 .8-.8.8-2.1 0-2.9L60 41.4c-.7-.7-.7-1.7 0-2.4s1.7-.7 2.4 0l10.7 10.7c.8.8 2.1.8 2.9 0 .8-.8.8-2.1 0-2.9L65.2 36.2c-.7-.7-.7-1.7 0-2.4s1.7-.7 2.4 0l10.7 10.7c.8.8 2.1.8 2.9 0 .8-.8.8-2.1 0-2.9L70.5 30.9c-.7-.7-.7-1.7 0-2.4s1.7-.7 2.4 0l10.7 10.7c.8.8 2.1.8 2.9 0 .8-.8.8-2.1 0-2.9L75.7 25.7c-.7-.7-.7-1.7 0-2.4s1.7-.7 2.4 0L88.8 34c.8.8 2.1.8 2.9 0 .8-.8.8-2.1 0-2.9L81 20.4c-.7-.7-.7-1.7 0-2.4s1.7-.7 2.4 0L94 28.7c.8.8 2.1.8 2.9 0 .8-.8.8-2.1 0-2.9L85 14l-3.2-3.2-6.1-6.1C72.8 1.8 68 1.8 65 4.7z"/></g></symbol>
</svg>
переносим в файл
<svg class="site-list__icon-comb" width="16" height="16"><use xlink:href="img/sprite.svg#icon-comb"></use></svg>
<svg class="user-list__login-icon" width="16" height="16"><use xlink:href="img/sprite.svg#icon-login"></use></svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment