.icon-container{position:relative;width:20px;height:20px;display:flex;justify-content:center;align-items:center;border-radius:50%;overflow:hidden}.icon-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:conic-gradient(from 0deg,red,#ff7f00,#ff0,#0f0,#00f,#8b00ff,red);background-size:200% 200%;border-radius:50%;animation:rainbowConic 5s linear infinite;z-index:0}.icon{position:relative;font-size:50px;color:#fff;z-index:1}@keyframes rainbowConic{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}