title: Render SVG as Image with Semantic UI React
body: <p>I am using semantic-ui-react and I have some problems rendering a simple image.
  After importing image:</p>
  
  <pre><code>import { Button, Image, Header, Card } from 'semantic-ui-react';
  </code></pre>
  
  <p>This is not working</p>
  
  <pre><code>   &lt;Image floated='right' size='mini' src={require('./icons/logo.svg')}/&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/FuHBe.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/FuHBe.png" alt="enter image description here"></a></p>
  
  <p>And neither this:</p>
  
  <pre><code>import logo from './icons/logo.svg'
   ...
  &lt;Image floated='right' size='mini' src={logo}/&gt;
  </code></pre>