diff --git a/build.mjs b/build.mjs
index 2c4ed6c..d118bed 100644
--- a/build.mjs
+++ b/build.mjs
@@ -169,7 +169,7 @@ async function runWebpack(isWithoutKatex, callback) {
type: 'asset/inline',
},
{
- test: /\.jpg$/,
+ test: /\.(jpg|svg)$/,
type: 'asset/inline',
},
],
diff --git a/src/popup/Popup.jsx b/src/popup/Popup.jsx
index 879f171..68a3170 100644
--- a/src/popup/Popup.jsx
+++ b/src/popup/Popup.jsx
@@ -18,6 +18,7 @@ import Browser from 'webextension-polyfill'
import PropTypes from 'prop-types'
import { config as toolsConfig } from '../content-script/selection-tools'
import wechatpay from './donation/wechatpay.jpg'
+import bugmeacoffee from './donation/bugmeacoffee.svg'
function GeneralPart({ config, updateConfig }) {
const [balance, setBalance] = useState(null)
@@ -336,11 +337,7 @@ function Donation() {
target="_blank"
rel="nofollow noopener noreferrer"
>
- 
+ 
<>
diff --git a/src/popup/donation/bugmeacoffee.svg b/src/popup/donation/bugmeacoffee.svg
new file mode 100644
index 0000000..ef9943e
--- /dev/null
+++ b/src/popup/donation/bugmeacoffee.svg
@@ -0,0 +1,22 @@
+