Не срабатывает focus на div

Не работает :focus не могу понять почему,с :active и :hover все хорошо, что не так?

CSS:

.icons{
   display: block;
   width: 104px;
   height: 92px;
   margin: 20px auto 0 auto;
   text-align: center;
   border-radius: 2px;
   background-color: rgb(251, 251, 251);
   box-shadow: 0px 0px 1px 0px rgba(20, 20, 21, 0.14);
}
.icons:focus{
   border-radius: 2px;
   background-color: rgb(255, 255, 255);
   box-shadow: 0px 0px 36px 0px rgba(20, 20, 21, 0.2); 
}

HTML:

<div id="title">
    <div class="serviceIcon">
        <div class="icons">
            <img src="img\service\diagramm.png" alt="diagramm">
        </div>
        <div class="icons">
            <img src="img\service\tech.png" alt="tech">
        </div>
        <div class="icons">
            <img src="img\service\loope.png" alt="loope">
        </div>
        <div class="icons">
            <img src="img\service\diagramm.png" alt="diagramm">
        </div>
    </div>
    <div class="serviceContent">
    </div>
    <div class="serviceImage">
        <img src="img\apple-watch-mockup.png" alt="">
    </div>
</div>