在 vue项目中icons 下有个 SVG 包，里面有一个 user SVG 图片，我该怎么在我的登录框里面引用它？

在Vue项目中，如果你想要在登录框中引用SVG图标，可以按照以下步骤操作：

1. 首先，你需要确保已经将所需的SVG包引入到项目中。如果SVG包是通过npm安装的，可以在`node_modules`下的`your-svg-package`文件夹找到它。如果没有，你可能需要从外部库下载并将其复制到项目的`src/assets/icons`或其他自定义的静态资源目录。

2. 创建一个名为`user.svg`的别名，这有助于你在代码中轻松引用。在`.vue`组件的`<script>`标签内，或者在全局的`main.js`或`index.html`中添加以下配置：

   import '@svg/package/user.svg'; // 如果路径是正确的
   // 或者
   Vue.use(VueLazyLoad, {
     load: {
       svg: 'image/svg+xml',
     },
     alias: {
       user: require('@/assets/icons/user.svg'),
     },
   });

3. 现在你可以在模板中使用`v-lazy`或直接`<img>`元素引用这个SVG：

   <!-- 使用Vue Lazy Load插件 -->
   <v-img lazy-src="user" :alt="用户名图标" class="user-icon" />

   <!-- 或者不使用插件，直接使用HTML -->
   <svg v-if="$route.meta.userIcon" :src="@/assets/icons/user.svg" alt="用户名图标"></svg>

在上述代码中，`$route.meta.userIcon`应该在每个需要显示用户的组件上设置为`true`，以便动态加载SVG。

4. 最后，记得根据你的样式需求调整SVG图标的大小、颜色和位置等。