SVG Icons

HTML

<div class="icon">
<svg>
    <g transform="scale(0.03125 0.03125)"><path d="M1024 590.444l-512-397.426-512 397.428v-162.038l512-397.426 512 397.428zM896 576v384h-256v-256h-256v256h-256v-384l384-288z"></path></g>
</svg>
</div>

CSS

.icon svg {
    width: 100px;
    height: 100px;
    fill: red;
}

.icon:hover svg {
    fill: blue;
}