Does anyone know how to do this character in HTML? ( photo below )

Question

I found nowhere this character... I need to put on a site, this "arrow" down, only the arrow, pure, for HTML.

Answer 1

You can produce this result only by using CSS rotating an element and working with its edges. This would avoid you having to insert one more font into 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>

Answer 2

I’ve seen websites that implement this arrow through the icon library Font Awesome.

To be more specific, it’s this icon: http://fontawesome.io/icon/angle-down/

Answer 3

You can do with Html5 too if you prefer.

And only use css to rotate and increase/decrease the size.

.arrow {
  width: 20px;
  height: 20px;
  transform: rotate(90deg);
}

<div class="arrow">&#10095;</div>