+ CSS Icons

Minimalistic icon library Designed by code.
Customizable & Retina-Ready icons — entirely build in CSS 😲

Easy integration: Embed, NPM & API.
Version: v1.0.3 - Total weight: 221kb

View all icons

1	.gg-pill,
2	.gg-pill::after {
3	display: block;
4	box-sizing: border-box;
5	width: 12px
6	}
7
8	.gg-pill {
9	border-top-left-radius: 140px;
10	border-top-right-radius: 140px;
11	border: 2px solid;
12	transform: rotate(45deg) scale(var(--ggs,1));
13	position: relative;
14	height: 14px
15	}
16
17	.gg-pill::after {
18	content: "";
19	position: absolute;
20	height: 12px;
21	background: currentColor;
22	left: -2px;
23	bottom: -12px;
24	border-bottom-left-radius: 140px;
25	border-bottom-right-radius: 140px
26	}

1	.gg-move-up {
2	box-sizing: border-box;
3	position: relative;
4	display: block;
5	transform: scale(var(--ggs,1));
6	width: 10px;
7	height: 8px;
8	border-left: 2px solid;
9	border-right: 2px solid
10	}
11
12	.gg-move-up::after,
13	.gg-move-up::before {
14	content: "";
15	display: block;
16	box-sizing: border-box;
17	position: absolute
18	}
19
20	.gg-move-up::before {
21	background: currentColor;
22	left: 2px;
23	bottom: 0;
24	width: 2px;
25	height: 12px
26	}
27
28	.gg-move-up::after {
29	width: 0;
30	height: 0;
31	border-left: 3px solid transparent;
32	border-right: 3px solid transparent;
33	border-bottom: 5px solid;
34	top: -7px
35	}

Features

The next-gen icon library designed by code with performance in mind — from a developer for developers.

API endpoint

Compilable

Lightweight

Accessible

Agile

Retina ready

№

The library in numbers.

507

Icons

931

API Calls

1,365

Downloads

19,798

Views

221kb

Total weight

15,795

Lines