Core Code
Core Code Modern Dev Handbook

CSS Rounded Icons

Border-radius can create circular icons.

Preview

Code

<style>
.icon{
font-size:26px;
background:#2563eb;
color:white;
padding:12px;
border-radius:50%;
}
</style>

<span class="icon">★</span>
<span class="icon">✓</span>

More CSS Icons Examples (7)

example CSS Basic Icon Styling open example example CSS Icon Size open example example CSS Icon Color open example example CSS Icon Background open example example CSS Icon Hover Effect open example example CSS Icon Spacing open example example CSS Icon Border Style open example