svg图片hover上去的时候改变颜色

<div class="block">
    <div class="block-img">
      <svg-icon icon-class="navigate" font-size="70px" color="#40C9C6" />
    </div>
    <div class="block-desc">
      <div>仓库</div>
      <div>1</div>
    </div>
</div>

<style lang="scss">
 .block-img {
      background-color: #fff;
      padding: 15px;
      border-radius: 10px;

      &:hover {
        background-color: rgb(64, 201, 198);

        svg {
          color: #fff;
        }
      }
    }
</style>   

效果图：