JSFiddle - React, Tailwind, and code Playground

by katerina5452

HTML

<div class="info__icon-wrapper">
                <a c href="#">
                    <svg class="info__icon" xmlns="http://www.w3.org/2000/svg" width="11" height="10" viewBox="0 0 11 10"><path  d="M5.5 0L0 10h11z"/></svg>
                </a> 
                <a   href="#">
            <svg class="info__icon" xmlns="http://www.w3.org/2000/svg" width="11" height="10" viewBox="0 0 11 10"><path d="M5.5 10L0 0h11"/></svg>
        </a>
        </div>

CSS

.info__icon:first-child {
    fill: #cacaca;
}
.info__icon:last-child {
    fill: #81b3d2;
}
.info__icon:hover {
    fill: #000000;
}
.info__icon:active {
    fill: #81b3d2;
}