Html 需要在SVG中使用叉号而不是勾号

我需要将记号转换为十字记号，我不知道SVG，所以任何人都可以将下面的记号动画转换为十字记号动画

正文{
宽度：100vw；
高度：100vh；
显示器：flex；
对齐项目：居中；
证明内容：中心；
}
.对号{
宽度：56px；
高度：56px；
边界半径：50%；
显示：块；
笔画宽度：2；
冲程：#fff；
行程限制：10；
盒影：插图0px 0px 0px#7ac142；
动画：填充。4s慢进慢出。4s向前，缩放。3s慢进慢出。9s两者皆有；
}
.勾选圆圈{
笔划阵列：166；
行程偏移量：166；
笔画宽度：2；
行程限制：10；
行程：#7ac142；
填充：无；
动画：向前划0.6s立方贝塞尔（0.65,0,0.45,1）；
}
.checkmark\u检查{
变换原点：50%50%；
行程：48；
行程偏移量：48；
动画：向前划0.3s立方贝塞尔（0.65,0,0.45,1）0.8s；
}
@关键帧笔划{
100% {
笔划偏移：0；
}
}
@关键帧比例{
0%, 100% {
转化：无；
}
50% {
转换：scale3d（1.1,1.1,1）；
}
}
@关键帧填充{
100% {
盒影：插图0px 0px 0px 30px#7ac142；
}
}

我的思考过程：

• 这不是一个很有价值的问题
• 但我对SVG很着迷
• 不管怎样我都要做

好了，给你！我刚刚为您更改了

d="M14.1 14.1l23.8 23.8 m0,-23.8 l-23.8,23.8"

从左上角（14.1,14.1处）开始，向右对角向下移动23.8个单位，然后“拿起笔”向上移动23.8个单位，然后向左移动23.8个单位

看起来不错

正文{
宽度：100vw；
高度：100vh；
显示器：flex；
对齐项目：居中；
证明内容：中心；
}
.对号{
宽度：56px；
高度：56px；
边界半径：50%；
显示：块；
笔画宽度：2；
冲程：#fff；
行程限制：10；
盒影：插图0px 0px 0px#7ac142；
动画：填充。4s慢进慢出。4s向前，缩放。3s慢进慢出。9s两者皆有；
}
.勾选圆圈{
笔划阵列：166；
行程偏移量：166；
笔画宽度：2；
行程限制：10；
行程：#7ac142；
填充：无；
动画：向前划0.6s立方贝塞尔（0.65,0,0.45,1）；
}
.checkmark\u检查{
变换原点：50%50%；
行程：48；
行程偏移量：48；
动画：向前划0.3s立方贝塞尔（0.65,0,0.45,1）0.8s；
}
@关键帧笔划{
100% {
笔划偏移：0；
}
}
@关键帧比例{
0%, 100% {
转化：无；
}
50% {
转换：scale3d（1.1,1.1,1）；
}
}
@关键帧填充{
100% {
盒影：插图0px 0px 0px 30px#7ac142；
}
}

你的“问题”基本上是，“你能为我做这个吗？”-你有一个非常具体的用例，它最终对未来的访问者不会有帮助。这一次我帮了你，但更一般地说，如果你想做实际工作，你应该雇佣一名开发人员。