Sprite your SVGs

How to use it?

1. Paste your svg to be optimized and converted to a symbol
2. Copy the generated code above and paste it in a file called sprite.svg in the assets folder of your project.
3. Use the svg on your project like this:

   				
   <svg class="w-6 h-6">
   	<use href="/sprite.svg#icon-name" />
   </svg>
   		
   		

4. Bonus: If you are using a framework you can create a component:
   React Svelte

   					
   import React from 'react';
   
   const Icon = ({ name, ...props }) => (
   	<svg {...props}>
   	<use href={`/sprite.svg#${name}`} />
   	</svg>
   );
   
   export default Icon;
   						
   					

   And then use it like this:

   			
   <Icon name="icon-name" className="w-6 h-6" />