How can I create a new circular CSS icon?

Store Design
1

Need to make the new icon in circle CSS

circle.JPG
circle.JPG1614×791 110 KB

2

Hi @Janamir ,

This is Kate from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/styles.css->paste below code at the bottom of the file:

.product-label--new-in span {
    width: 58px;
    height: 58px;
    line-height: 50px;
    border-radius: 50%;
}

PageFlyKate_0-1675785682908.png
PageFlyKate_0-1675785682908.png1255×289 79.3 KB

I hope it would help you
Best regards,

Kate | PageFly

3

@PageFly-Kate tnx, that worked!