+ 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-ui-kit,
2	.gg-ui-kit::after,
3	.gg-ui-kit::before {
4	display: block;
5	box-sizing: border-box
6	}
7
8	.gg-ui-kit {
9	position: relative;
10	transform: scale(var(--ggs,1));
11	width: 10px;
12	height: 16px;
13	border-radius: 3px;
14	border: 2px solid
15	}
16
17	.gg-ui-kit::after,
18	.gg-ui-kit::before {
19	content: "";
20	position: absolute;
21	border: 2px solid;
22	width: 6px;
23	height: 12px
24	}
25
26	.gg-ui-kit::before {
27	border-right: 0;
28	border-top-left-radius: 3px;
29	border-bottom-left-radius: 3px;
30	transform:
31	perspective(10px)
32	rotateY(30deg);
33	left: -8px
34	}
35
36	.gg-ui-kit::after {
37	border-top-right-radius: 3px;
38	border-bottom-right-radius: 3px;
39	transform:
40	perspective(10px)
41	rotateY(-30deg);
42	border-left: 0;
43	right: -8px
44	}

1	.gg-play-button {
2	box-sizing: border-box;
3	position: relative;
4	display: block;
5	transform: scale(var(--ggs,1));
6	width: 22px;
7	height: 22px
8	}
9
10	.gg-play-button::before {
11	content: "";
12	display: block;
13	box-sizing: border-box;
14	position: absolute;
15	width: 0;
16	height: 10px;
17	border-top: 5px solid transparent;
18	border-bottom: 5px solid transparent;
19	border-left: 6px solid;
20	top: 6px;
21	left: 9px
22	}

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,825

API Calls

33,378

Downloads

2,168,989

Views

316kb

Total weight

22,429

Lines

+ CSS Icons

Available in

Features

Feedback

№

Thank you!