Feature/icon

[declanelcocks]

• Adds an <Icon /> component to easily add in SVG icons to the HTML
• Requires raw-loader from webpack to process the SVG files
• Adds search.svg icon

For now, only added in the search SVG. I wanted to scaffold out the structure of the component first with an example to make sure you were happy with the folder/component structure I was using since I'm just joining the project.

[declanelcocks]

@Maestro501 I looked into why I was doing this as I couldn't remember exactly why I chose to do it before in another project. The raw-loader and dangerouslySetInnerHTML is used so that I can inject the SVG markup into the HTML. I did this because it makes it possible to style the SVG using CSS (e.g. fill, stroke etc.) which is a lot more convenient/consistent, and lets us put all the styling in once place. CSS styling for an SVG would not be possible with an <img> tag and url-loader parsing the SVG url. This is why raw-loader is used because it's directly parsing the raw SVG file, and not just parsing a URL like it would with CSS or with an <img> tag.