Ihavenotfoundthischaracteranywhere...Ineedtoputitonawebsite,this"arrow" down, just the arrow, pure, for HTML.
You can do with html5 also if you prefer.
And just use the css to rotate it and increase / decrease the size.
.arrow {
width: 20px;
height: 20px;
transform: rotate(90deg);
}
<div class="arrow">❯</div>
You can produce this result just by using CSS to rotate an element and working with its edges. This would prevent you from having to insert another font in your project just to use a character.
.circle {
width: 50px;
height: 50px;
background-image: linear-gradient(to right, #1E90FF, #4169E1);
border-radius: 50%;
position: relative;
}
.arrow {
width: 16px;
height: 16px;
position: absolute;
left: 15px;
top: 12px;
transform: rotate(45deg);
border-bottom: 3px white solid;
border-right: 3px white solid;
}
<div class="circle">
<div class="arrow"></div>
</div>
I've seen websites that implement this arrow through the Awesome Font library.
To be more specific, this is the icon: link