Close Icon
CODE
×
HTML
<svg class='close' xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 640 640'><path d="M0 0h640v640H0z" fill="none" /> <path d="m489.87 180.35-22.63-22.63-144.86 144.86-144.85-144.86-22.63 22.63 144.86 144.86L154.9 470.06l22.63 22.63 144.85-144.86 144.86 144.86 22.63-22.63-144.86-144.85 144.86-144.86z" fill="currentColor"/></svg>
CSS
svg.close { width: 32px; height: 32px; } svg.close { transform: rotate(0deg); transition: 200ms ease-out; } svg.close.active { transform: rotate(180deg); transition: 200ms ease-out; }
JS
Close Icon
Last Edit: Oct 26, 2023, 11:41am
×