nextjs 使用svg

Next.js 是一个基于 React 的前端开发框架，它提供了一种简单而强大的方式来构建 React 应用程序。在 Next.js 中使用 SVG 图像非常简单。

要在 Next.js 中使用 SVG，你可以将 SVG 文件放在项目中的 `public` 文件夹中。然后，你可以使用 `img` 标签来引用 SVG 图像，就像引用其他图像一样。例如：

import React from 'react';

const MyComponent = () => {
  return (
    <div>
      <h1>使用 SVG 图像</h1>
      <img src="/my-svg-image.svg" alt="My SVG Image" />
    </div>
  );
};

export default MyComponent;

在上面的例子中，`/my-svg-image.svg` 是 SVG 图像文件的路径。你可以根据实际情况修改路径。

注意，在使用 SVG 图像时，你可能需要为其设置适当的样式和尺寸，以确保它在页面上正确显示。