SVG Stroke

by Matthew Day

HTML

<div class="close-button">Close
    <span>
        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="ecks-icon" x="0px" y="0px" width="29.07px" height="29.07px" viewBox="0 0 29.07 29.07" enable-background="new 0 0 29.07 29.07" xml:space="preserve">
            <g>
                <line class="ecks-red" fill="none" stroke="#000000" stroke-miterlimit="10" x1="0.4" y1="0.4" x2="28.7" y2="28.7"/>
                <line class="ecks-blue" fill="none" stroke="#000000" stroke-miterlimit="10" x1="28.7" y1="0.4" x2="0.4" y2="28.7"/>
            </g>
        </svg>
    </span>
</div>

CSS

.close-button {
    
}

#ecks-icon {
    height: 11px;
}

.ecks-red {
    stroke: red;
    stroke-width: 4px;
}

.ecks-blue {
    stroke: blue;
    stroke-width: 4px;
}