+ CSS Icons

Open-source CSS, SVG and Figma UI Icons
Available in SVG Sprite, styled-components, NPM & API
Version: v2.0 - Total weight: 316kb

Subscribe @astrit

View all icons

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

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

Available in

.css
.svg
.tsx
.fig
.xd
.json
.xml

Features

700 Precise and Detailed UI Icons — provided with well-organized Figma components library.

API endpoint

styled-components

SVG Sprite

Lightweight

Accessible

Agile

Retina ready

Feedback

What others are saying about this project.

this is rad 👍

Adam Argyle, nerdy.dev

This was SUCH a fantastic resource, Astrit!

Rogie King, rog.ie

It's a super cool project! I love the site UI too :) Keep up the dope work

Una Kravets, una.im

Astrit gets the most out of CSS pseudo elements with its feather-light, precise CSS icons.

Jürgen Wössner, frontend-entwickler.ch

The design and execution look stellar 💯

Cole Bemis, feathericons.com

These CSS icons seem too beautiful to be just code!

Tim Silva, timsilva.com

№

The library in numbers.

704

Icons

14,470

API Calls

33,240

Downloads

2,065,946

Views

316kb

Total weight

22,429

Lines

+ CSS Icons

Available in

Features

Feedback

№

Thank you!