Scalowanie obrazka w css

pytanie zadane 3 maja 2020 w HTML i CSS przez poldeeek Mądrala (5,980 p.)

Witam, mam obrazek w formacie svg i chciałem ustawić jego wysokość i szerokość w jednostkach vh i vw. Obrazek jednak traktuje 100vh i 100vw jako swoją oryginalną wielkość, która ma ustawioną jako plik, tj. 117px x 101px. Chciałbym aby obrazek miał szerokość 10vw i 10 vh aby komponował mi się z navBarem i menu. Czy jest jakaś możliowść aby to ustawić ?

import React, { Component } from 'react';

import Logo from '../../UI/icons/Logo.svg'

import { NavLink } from 'react-router-dom';
import styles from './navBar.module.css';


class NavBar extends Component{

    render(){
        return(
        <div className={styles.NavBar}>
          <img src={Logo} alt="Logo" width="10vw" height="10vh"/>
        </div>
        )}
}



export default NavBar;