MBodunov

Пробывал через before делать
если писать

.line-4 {
    position: reletive;
    padding: 0 0 0 10px;
    margin: 0 0 0 30px;
}
.line-4:before {
    position: absolute;
    content: "";
    top: 0;
    left: -30px;
    width: 30px;
    height: 100%;
    background: url(data:image/svg+xml,<svg width='1em' height='1em' viewBox='0 0 16 16' class=…5a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995z'/></svg>) 50% 50% no-repeat;
    background-size: contain;
}

То просто текст в блоках смещеется влево ничего не отображая.
если чуть модифицировать

.line-5:before {
    position: absolute;
    content: "!";
    top: 0;
    left: -30px;
    width: 30px;
    height: 100%;
}

То появляется один маленький знак ! , хотя блоков с классом несколько
И соответсвенно нужно, что бы он появлялся у каждого