Skip to content

Instantly share code, notes, and snippets.

@ktzanev
Last active March 26, 2017 14:23
Show Gist options
  • Save ktzanev/770faf461fa23a5f7e8649691f89c025 to your computer and use it in GitHub Desktop.
Save ktzanev/770faf461fa23a5f7e8649691f89c025 to your computer and use it in GitHub Desktop.
SVG - img (GistRun)
Display the source blob
Display the rendered blob
Raw
<?xml version="1.0" ?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200" viewBox="0 0 200 200" preserveAspectRatio="xMidYMid meet">
<circle cx="100" cy="100" r="95" fill="white" stroke="black" stroke-width="4"/>
<circle cx="100" cy="100" r="87" fill="black"/>
<path d="M106.27 165.98c1.94-.6 3.5-1.46 5.28-2.88 3.98-3.2 6.73-6.9 17.02-22.98 7.73-12.08 10.64-17.48 12.8-23.8 1-2.92 2.13-7.93 2.13-9.38 0-.6-.06-.7-.33-.66-.48.1-1.48 1.68-1.84 2.92-.4 1.33-1.82 4.93-3.22 8.1-1.8 4.06-4.9 9.4-9.7 16.52-9.2 13.58-8.9 13.2-9.4 13-.2-.1-.2-.18 0-.87.4-.95 1.9-3.5 3.8-6.5.8-1.23 2-3.26 2.7-4.5.7-1.22 1.6-2.87 2.1-3.64.7-.9.9-1.5.9-2 0-.3-.1-.6-.2-.6s-.6.4-1.1.9c-.9.8-1.6 1.2-1.3.7l3.2-3.6c4.8-5.4 6.3-7.6 7.2-10.5.6-1.7.9-4.6.5-4.6s-1.9 2.2-4.3 6.5c-1.4 2.5-2.8 4.9-3.2 5.3-3.8 4.8-10.9 8.1-18.6 8.8-.7.1-2.5.3-3.9.6-2.5.5-2.6.5-6 .3-4-.3-5.9-.6-6.5-1.1-.3-.3-.6-.4-2.1-.4-2.1 0-4-.3-6.8-1.2-4.9-1.52-8.9-3.6-11.9-6.1-2.3-1.9-3.13-3.1-5.83-8.33-1.8-3.52-2.8-5.2-3.1-5.2-.55 0 .7 4.2 2 6.56 1.9 3.7 3.85 6.1 8.76 10.9 7 6.9 8.4 7.9 13.4 9.6 4.27 1.4 6.57 1.7 12.77 1.7 3.9 0 3.9 0 4.5.45.44.4.67.44 1.2.34.4-.1.63-.1.63.1 0 .1-.54.9-1.2 1.7-1.6 2.15-1.9 2.95-1.9 4.56 0 1.1.17 1.7.77 3.2.7 1.9.73 1.9.7 4.45-.03 2.4-.1 2.75-.9 5.83-1.22 4.7-1.37 6.6-.5 6.6.2 0 1.05-.2 1.9-.5zm-10.33-1.2c-.02-.68-.4-2.63-.8-4.34-1.27-5.06-1.54-7.2-1.12-9 .1-.47.6-1.75 1.12-2.85.84-1.9.93-2.2.93-3.4 0-1.5-.4-2.7-1.24-3.9-.7-1-1.32-1.3-3.76-2-1-.3-2.82-.9-4.02-1.4-1.2-.5-2.8-1.1-3.55-1.4-1.65-.5-2.06-.4-1.92.6.1.7.1 2.3-.02 4.8-.05 1.2.03 1.7.55 3.3.7 1.9.8 2.8.5 3.2-.4.7-1.5-.8-2.7-3.8-.9-2.3-3.7-7.8-5.9-11.5-1.7-2.9-4.7-7.8-8.9-14.2-2.3-3.6-3.7-6.3-4.9-9.4-1.4-3.8-3-6.3-3.8-6.3-.7 0-.6.8.3 3.6 3.1 9.4 7.7 18.42 17 33.62 3.7 6 5 7.84 6.5 9.53.7.7 2.5 3.3 4.1 5.76 2.4 3.6 3.3 4.77 4.7 6.25 1 1 2.2 2.04 2.7 2.3 1.3.7 3.4 1.4 4 1.37h.5v-1.2zm5.1-11.06c0-.85-.4-1.5-.7-1.2-.1.1-.1.6-.03 1.14.1.76.2.96.5.9.3-.04.3-.25.3-.84zm4.44-22.68c0-.13-.17-.5-.37-.8-.5-.77-3.9-4.4-4.6-5.04-.6-.5-.6-.5-1.1-.2-.5.35-.5.26-2.9 3.25-1.3 1.57-1.8 2.35-1.7 2.5.2.18 4.7.44 8.7.5 1.6.02 2.1-.03 2.1-.2zm10.83-7.2c5.4-1.3 8.3-3.06 11.3-6.98 1.5-1.83 2.9-4.17 2.9-4.62 0-.35-.1-.4-4-.73-3.9-.3-5.6-.9-5.6-1.8 0-.4.1-.4 1.3-.4.7 0 2.4.2 3.6.3 3.1.4 4.2.4 7.6-.1 3.1-.4 4.2-.8 5.8-1.8 1.5-.9 4.7-3.8 5.5-5 1-1.3 1.3-1.8 1.8-3.5.4-1.2.5-1.9.5-6.5l.1-5.1-1.1-.1c-.6-.1-2.1-.3-3.3-.5-2.7-.4-3.3-.4-4.5 0-.8.3-2.3.4-10 .5-4.9.1-9.7.2-10.6.3-2.2.2-3 0-4.3-1.3-.6-.5-1.1-1.1-1.1-1.2 0-.5 1.2-1.9 2-2.5 2.3-1.4 5.6-3.3 6.5-3.6 2.5-.9 7-1.2 10.1-.5 3.3.7 6.2 2.4 7.7 4.4.9 1.3 1.1 1.4 2.7 1.8.7.16 1.6.4 2 .65.8.4 3.07 1.15 3.7 1.15.46 0 .47 0 .47-1.9 0-2.28-.3-9.6-.6-14.8-.6-10.5-2.17-18.55-4.6-23.4-2.57-5-8.2-8-19.2-10.2-8.3-1.63-16.5-2.3-24-2-18 .8-29.65 3.5-35.17 8.2-2.95 2.5-4.7 6.2-6.1 13-1.9 8.9-2.56 16-2.7 28.9l-.1 8.95.6 1.8c1.5 4.4 4.13 8.9 6.5 11.1 1.3 1.2 3.4 2.4 4.55 2.67 1.46.3 5.9.2 8.95-.1l4.6-.4c1.85-.1 1.9-.1 1.9.3 0 .6-.6.9-2.6 1.3-4.1.88-5 1-7.3.98-2.78 0-2.8.05-1.95 1.64 1.54 2.78 3.53 5 5.64 6.5 2.4 1.63 8.15 4.1 10.6 4.5 1.6.3 2.8-.05 4.1-1.07 1.3-1 1.7-1.7 1.7-2.5 0-.53-.2-.8-.98-1.5-.5-.5-1-1.1-1.06-1.35-.06-.2 0-1.2.2-2.2.5-3.03.25-5.15-.54-5.03-.2 0-.5.2-.6.4-.1.2-.47.75-.8 1.23-.9 1.32-1.35 2.5-1.35 3.73 0 1-.05 1.1-.5 1.2-.34.1-.7 0-1.2-.4-1.5-1.05-2.47-2.9-2.47-4.9 0-2.1.8-3.3 3-4.5 1.6-.9 2.65-2 3.1-3.3.4-1.1 1.3-6.45 1.7-9.63.2-1.45.3-4.3.3-7.43l.04-5.1-1.5-2.84c-1.34-2.6-1.63-3-2.7-4l-3.4-3c-3.73-3.4-5.43-4.4-8.2-5-2.64-.56-3.9-1.16-3.9-1.9 0-.7 1.18-1 3.4-.84 4.5.2 7.17 1.7 13.4 7.1 4.5 3.9 5.57 5.2 6.9 8.4.3.76.75 2.1.96 3 .74 3.1.8 4.6.6 15.1-.1 5.4-.25 10-.3 10.1-.4 1-1.45 9.06-1.46 10.7 0 1.83 0 1.95.5 2.45 1.23 1.3 4.3 2.1 6.7 1.7 1.5-.2 2.16-.5 3.3-1.4.4-.33 1-.7 1.3-.85.6-.3.26-.58 2.95 2.5 2 2.3 3.4 2.6 7 1.8zm-2.1-11.15c-.3-1.4-1.1-3.3-1.8-3.8-.2-.3-.9-.6-1.4-.7-.5-.2-1.1-.4-1.2-.5-.6-.6.1-2 .9-1.8.8.2 2.7 1.5 3.3 2.3 1.5 1.8 2 4 1.2 5-.2.3-.5.5-.5.5-.1 0-.2-.5-.3-1.1zm-55-22.4c0-.3.2-1.1.5-1.8.5-1.3.5-1.3.2-2.1-.2-.5-.4-1.1-.4-1.4-.1-.6-.2-.5 2.3-1.1.5-.2.9-.5 1.2-.9.9-1.2 2.4-2.6 3.5-3.2 2.7-1.6 6.5-2.3 10.5-1.9 2.4.1 3.8.6 6.3 1.8 4.2 2.2 6 3.4 6.3 4.5.3 1-1 2.4-2.6 2.9-1.2.3-4.3.6-12.1.9-3.8.1-7.6.4-8.4.5-2.9.5-5.8 1.2-6.2 1.6-.5.5-.8.4-.8-.1zm48.5-10.4c-.2-.3-.1-2.2.2-2.8 1.3-2.6 3.8-5.3 7.9-8.7 4.7-3.9 8.1-5.4 12.2-5.4 1.7 0 2.5.2 2.5.8 0 .8-1.2 1.4-4.4 2.2-2.3.6-2.9.9-4.7 2.4-4 3.1-10.2 8.9-11.9 11-.3.4-1.2.5-1.5.3zm-16.8-8.2c-.4-.3-1.8-1.4-3.1-2.6-2.7-2.6-3.8-3.4-6.6-4.7-3.9-1.9-6.4-2.5-10-2.3-3.7.1-5.5 1-8.5 3.8-1 .9-1.8 1.7-1.9 1.7-.5 0 .6-2.1 2-3.9 2-2.4 5.2-4.5 8-5.3 2.1-.6 5-.8 7.3-.5 5.5.5 10.1 2.6 13.9 6.2 2.4 2.2 3.1 3.9 2.6 5.8-.5 1.8-1.8 2.3-3.5 1.5zm17.3.1c-1.1-.8-1.4-3.1-.7-4.7.5-1.1 3.4-3.9 5.2-5.1 6.1-4 12.5-5.4 18.1-3.7 3.2.9 6.6 3.3 8.7 6.1 1 1.2 1.8 2.8 1.7 3.1 0 .1-.9-.7-2-1.7-3.4-3.1-5.7-4-10.2-3.8-5.2.2-8.9 1.9-15.4 7.2-3.5 2.8-4.2 3.1-5.3 2.4z" fill="#fff"/>
</svg>
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>Exemple utilisatoin SVG</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>Exemple utilisatoin SVG</h1>
<img src="anonymous.svg" width="100" height="100">
<img src="anonymous.svg" width="200" height="200">
<img src="anonymous.svg" width="100" height="200">
</body>
</html>
img {
border: 1px solid #eef;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment