JSFiddle - React, Tailwind, and code Playground

HTML

<button class="botonAgregar">
  Crear periodo
</button>

CSS

:root {
  --color: red;
}

.botonAgregar {
  font-size: 20px;
  text-align: center;
  border-radius: 15px;
  border-color: transparent;
  color: white;
  padding: 7px 20px 7px 50px;
  margin: 5px;
  background: var(--color) url('/img/logo.png') no-repeat scroll 15px 7px / 25px 25px;
}