Control Ionicon icon size

my html code is here

`<div class="list">
      <a class="item item-thumbnail-left" herf="#">
          <img src="img/image/cover_03.png">
          <h2>Here is my resume.</h2>
          <p>
              View my <b>Linkedin</b> profile.
              <p>
                  <i class="ion-chevron-right"> read more...</i>
              </p>
          </p>
      </a>
  </div>`

my css

i.ion-chevron-righ{
font-size: 300px;
color : red;
}

and the icon size is not increasing.
any idea ? please.