css 图片有背景 让图片垂直居中

<div class="copy-wrap1">

                <div class="copy1">

                  <el-icon  style="color: #asdgde; font-size: 16px;">

                    <svg-icon name="copy1"></svg-icon>

                  </el-icon>

                </div>

            </div>

.copy-wrap1{

        display: flex;

        align-items: center;

      }

      .copy1{

        border-radius: 8px;

        width: 32px;

        height: 32px;

        text-align: center;

        padding: 8px;

        background: #f1f1f5;

      }

      .copy:hover {

        background: #f1f1f0;

      }

      .copy:focus {

        background: #890933;

      }

      .copy:active {

        background: #f3f834;

      }