Icon Circle custom shape

Hey joandjaxx,

Thank you for the inquiry.

You can’t use another icon font to alter the default shape, but you can apply css to create a different shape for the icon container. To adjust the first icon container to a diamond shape for example, please add this css code.

.iconbox.av-x9jgk-0341356a8a95f9e77745bc47d8dbb48f .iconbox_icon:after {
    content: "";
    position: absolute;
    top: 25px;
    left: -25px;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: red transparent transparent transparent;
    border-width: 70px 50px 0 50px;
}

.iconbox.av-x9jgk-0341356a8a95f9e77745bc47d8dbb48f .iconbox_icon {
    border-style: solid;
    border-color: transparent transparent red transparent;
    border-width: 0 25px 25px 25px;
    height: 0;
    width: 50px;
    box-sizing: content-box;
    position: relative;
    margin: 20px 0 50px 0;
    padding: 0;
    background: transparent;
}

.iconbox.av-x9jgk-0341356a8a95f9e77745bc47d8dbb48f .iconbox_icon:before {
    top: 10px;
    position: relative;
    z-index: 9;
    left: -4px;
}

This is based on: https://css-tricks.com/the-shapes-of-css/

Best regards,
Ismael