CSS Filter Icon

CSS Filter Icon

HTML
<div class="icon-filter"></div>
SCSS
$white: #FFF;

.icon-filter {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 0.25rem;
    width: 1.875rem;
    background: $white;
	
	&::before {
	  content: '';
	  position: absolute;
	  top: -0.5rem;
	  left: 0.3135rem;
	  height: 0.25rem;
	  background: $white;
	}
	
	&::after {
	   content: '';
	   position: absolute;
	   top: 0.5rem;
	   left: 0.4375rem;
	   height: 0.25rem;
	   background: $white;
	}
}
300 Views
93950cookie-checkCSS Filter Icon

Leave a Reply

Your email address will not be published. Required fields are marked *