@font-face {
    font-family: "materialicons";
    src: url(/static/images/materialicons-regular.woff) format("woff");
}

.Icon, *[data-icon]:before {
    display: inline-block;
    position: relative;
    left: -52px;
    width: 24px;
    height: 40px;
    line-height: 40px;
    font-family: "materialicons";
    font-size: 24px;
    text-align: left;

    content: attr(data-icon);

    /* This is important for IE, which has it off by default */
    font-feature-settings: "liga" 1;
}

.Icon.-small {
    font-size: 18px;
}