css实现一些小图标

实现效果图如下：

第二个，搜索的小图标

/*css部分*/
.search{
			position: relative;
		}
		.dots{
			width:100px;
			height:100px;
			border:12px solid #000;
			border-radius: 50%;
		}
		.shank{
			width:180px;
			height:8px;
			background:#000;
			border:6px solid #000;
			border-radius: 8px;
			transform:rotate(45deg);
			position:absolute;
			top:166px;
			left:78px;
		}
/*html部分*/

		

		

	

第三个house图标