Scalable ue graphics for the modern web

😉

Scalable ue graphics for the modern web 😉

	<template>
	<svg
	@click="startScissors"
	xmlns="http://www.w3.org/2000/svg"
	viewBox="0 0 100 100"
	width="100"
	height="100"
	aria-labelledby="scissors"
	role="presentation"
	>
	<title
	id="scissors"
	lang="en"
	>Scissors Animated Icon</title>
	<path
	id="bk"
	fill="#fff"
	d="M0 0h100v100H0z"/>
	<g ref="leftscissor">
	<path d="M..."/>
	...
	</g>
	<g ref="rightscissor">
	<path d="M..."/>
	...
	</g>
	</svg>
	</template>

	<template>
	<nav>
	<a href="https://github.com/vuejs/vue">
	<VueLogo />
	Vue
	</a>
	<a href="https://github.com/svg/svgo">
	<SVGOLogo />
	SVGO
	</a>
	<a href="https://github.com/webpack/webpack">
	<WebpackLogo />
	webpack
	</a>
	</nav>
	</template>
	<script>
	import VueLogo from './public/vue.svg';
	import SVGOLogo from './public/svgo.svg';
	import WebpackLogo from './public/webpack.svg';

	export default {
	name: 'Example',
	components: {
	VueLogo,
	SVGOLogo,
	WebpackLogo,
	},
	};
	</script>

Who used SVG before?