# Circular Icons With A Massive Border Radius

Elements by nature are rectangular. By adding some `border-radius`, you can
soften the edges a bit. If you add a massive amount of `border-radius`, you
effectively make the element round.

```css
div.circle {
  border-radius: 50000px;
}
```

Here is a [live example](https://codepen.io/jbranchaud/pen/bGGJKJW).