glyphicons 图标_精美纯css3 icon图标源码下载
2015-01-08 12:34:14  By: dwtedx

今天在互联网上无意中发现的一套非常实用的html css实现常用的ICON图标、非常不错的实现、在此分享给大家、全部是使用css使用的哦、对做前端的朋友非常有帮助、好好利用哦、先看一下图片截图吧

glyphicons 图标

部分css代码

.social_wordpress_circle:before {
	content: "e0b0";
}
.social_instagram_circle:before {
	content: "e0b1";
}
.social_dribbble_circle:before {
	content: "e0b2";
}
.icon_calulator:before {
	content: "e0ee";
}
.icon_building:before {
	content: "e0ef";
}
.icon_floppy:before {
	content: "e0e8";
}
.icon_drive:before {
	content: "e0ea";
}
.icon_search-2:before {
	content: "e101";
}
.icon_id:before {
	content: "e107";
}
.icon_id-2:before {
	content: "e108";
}
.icon_puzzle:before {
	content: "e102";
}
.icon_like:before {
	content: "e106";
}
.icon_dislike:before {
	content: "e0eb";
}
.icon_mug:before {
	content: "e105";
}
.icon_currency:before {
	content: "e0ed";
}
.icon_wallet:before {
	content: "e100";
}
.icon_pens:before {
	content: "e104";
}
.icon_easel:before {
	content: "e0e9";
}
.icon_flowchart:before {
	content: "e109";
}
.icon_datareport:before {
	content: "e0ec";
}
.icon_briefcase:before {
	content: "e0fe";
}
.icon_shield:before {
	content: "e0f6";
}
.icon_percent:before {
	content: "e0fb";
}
.icon_globe:before {
	content: "e0e2";
}
.icon_globe-2:before {
	content: "e0e3";
}
.icon_target:before {
	content: "e0f5";
}
.icon_hourglass:before {
	content: "e0e1";
}
.icon_balance:before {
	content: "e0ff";
}
.icon_rook:before {
	content: "e0f8";
}
.icon_printer-alt:before {
	content: "e0fa";
}
.icon_calculator_alt:before {
	content: "e0e7";
}
.icon_building_alt:before {
	content: "e0fd";
}
.icon_floppy_alt:before {
	content: "e0e4";
}
.icon_drive_alt:before {
	content: "e0e5";
}
.icon_search_alt:before {
	content: "e0f7";
}
.icon_id_alt:before {
	content: "e0e0";
}
.icon_id-2_alt:before {
	content: "e0fc";
}
.icon_puzzle_alt:before {
	content: "e0f9";
}
.icon_like_alt:before {
	content: "e0dd";
}
.icon_dislike_alt:before {
	content: "e0f1";
}
.icon_mug_alt:before {
	content: "e0dc";
}
.icon_currency_alt:before {
	content: "e0f3";
}
.icon_wallet_alt:before {
	content: "e0d8";
}
.icon_pens_alt:before {
	content: "e0db";
}
.icon_easel_alt:before {
	content: "e0f0";
}
.icon_flowchart_alt:before {
	content: "e0df";
}
.icon_datareport_alt:before {
	content: "e0f2";
}
.icon_briefcase_alt:before {
	content: "e0f4";
}
.icon_shield_alt:before {
	content: "e0d9";
}
.icon_percent_alt:before {
	content: "e0da";
}
.icon_globe_alt:before {
	content: "e0de";
}
.icon_clipboard:before {
	content: "e0e6";
}
.glyph {
	float: left;
	text-align: center;
	padding: .75em;
	margin: .4em 1.5em .75em 0;
	width: 6em;
text-shadow: none;
}
	.glyph_big {
	font-size: 128px;
	color: #59c5dc;
	float: left;
	margin-right: 20px;
	}

	.glyph div { padding-bottom: 10px;}

.glyph input {
	font-family: consolas, monospace;
	font-size: 12px;
	width: 100%;
	text-align: center;
	border: 0;
	box-shadow: 0 0 0 1px #ccc;
	padding: .2em;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
}
.centered {
	margin-left: auto;
	margin-right: auto;
}
.glyph .fs1 {
	font-size: 2em;
}

最后贴上源代码下载链接: http://dwtedx.com/download.html?bdkey=s/1pJkIj2r 密码: kprk

若资源对你有帮助、浏览后有很大收获、不妨小额打赏我一下、你的鼓励是维持我不断写博客最大动力

想获取DD博客最新代码、你可以扫描下方的二维码、关注DD博客微信公众号(ddblogs)

或者你也可以关注我的新浪微博、了解DD博客的最新动态:DD博客官方微博(dwtedx的微博)

如对资源有任何疑问或觉得仍然有很大的改善空间、可以对该博文进行评论、希望不吝赐教

为保证及时回复、可以使用博客留言板给我留言: DD博客留言板(dwtedx的留言板)

感谢你的访问、祝你生活愉快、工作顺心、欢迎常来逛逛


快速评论


技术评论

  • 该技术还没有评论、赶快抢沙发吧...
DD记账
top
+