CSS - pure CSS with SVG element or HTML unicode for hamburger menu icon

0 votes
92 views
added Oct 27, 2023 in CSS by lcjr First Warrant Officer (11,930 points)
edited Oct 27, 2023 by lcjr
.icon-th-list:before {
	/*content: '\e801';*/
	content: '';
    /* margin-top: 0vmin; */
    /* margin-left: 2vmin; */
    width: 8vmin;
    height: 8vmin;
    background-size: 100%;
    background-image: url('data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20120%2080%22%20width%3D%2240%22%20height%3D%2240%22%20version%3D%221.0%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20x%3D%2215%22%20width%3D%2290%22%20height%3D%2215%22%20rx%3D%2210%22%3E%3C%2Frect%3E%3Crect%20x%3D%2215%22%20y%3D%2230%22%20width%3D%2290%22%20height%3D%2215%22%20rx%3D%2210%22%3E%3C%2Frect%3E%3Crect%20x%3D%2215%22%20y%3D%2260%22%20width%3D%2290%22%20height%3D%2215%22%20rx%3D%2210%22%3E%3C%2Frect%3E%3C%2Fsvg%3E');

}

 

HTML unicode 

.icon-th-list::before {
    content: "\2261"; /* Using the Unicode code point for ≡ */
}

 

lazacode.org - Malaysia's programming knowledge sharing platform, where everyone can share their finding as reference to others.
...