[Solved] Css for U shape with arrow [closed]

by


Is this what you were looking for?

.icon-container {
    background-color: transparent;
    overflow: hidden;
    width: 80px;
}

#curve {
    height: 60px;
    width: 100%;
    background-color: none;
    border-radius: 50%;
    border: 5px solid #999;
    left: 50%;
    transform: translateX(50%);
}
#arrow {
    width: 0px;
    height: 0px;
    border-top: 10px solid transparent;
    border-left: 20px solid #999;
    border-bottom: 10px solid transparent;
    position: absolute;
    left: 80px;
    top: 63px;
    transform: rotateZ(5deg);
}
<div class="icon-container">
    <div id="curve"></div>
    <div id="arrow"></div>
</div>

0

solved Css for U shape with arrow [closed]