刷新

<span class="open-icon-refresh"></span>

<style>
.open-icon-refresh{
    display: inline-block;
    position: relative;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    border: 1px solid var(--color-font-1);
    transform: rotate(65deg);
    border-top: 1px solid transparent;
    transition: all .5s;
}
.open-icon-refresh::after{
    content: "";
    width: 3px;
    height: 3px;
    border-bottom: 1px solid var(--color-font-1);
    border-right: 1px solid var(--color-font-1);
    position: absolute;
    top: 2px;
    left: -2px;
    transform: rotate(-120deg);
    transition: all .5s;
}
.open-icon-refresh:hover{
    border-color: var(--app-color-2)!important;
    border-top: 1px solid transparent!important;
}
.open-icon-refresh:hover::after{
    border-color: var(--app-color-2)!important;
}
</style>