+ 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-corner-down-right {
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	.gg-corner-down-right::after,
10	.gg-corner-down-right::before {
11	content: "";
12	display: block;
13	box-sizing: border-box;
14	position: absolute;
15	right: 3px
16	}
17	.gg-corner-down-right::after {
18	width: 8px;
19	height: 8px;
20	border-top: 2px solid;
21	border-right: 2px solid;
22	transform: rotate(45deg);
23	bottom: 3px
24	}
25	.gg-corner-down-right::before {
26	width: 16px;
27	height: 12px;
28	border-bottom-left-radius: 4px;
29	border-bottom: 2px solid;
30	border-left: 2px solid;
31	bottom: 6px
32	}

1	.gg-arrow-down {
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-arrow-down::after,
11	.gg-arrow-down::before {
12	content: "";
13	display: block;
14	box-sizing: border-box;
15	position: absolute;
16	bottom: 4px
17	}
18
19	.gg-arrow-down::after {
20	width: 8px;
21	height: 8px;
22	border-bottom: 2px solid;
23	border-left: 2px solid;
24	transform: rotate(-45deg);
25	left: 7px
26	}
27
28	.gg-arrow-down::before {
29	width: 2px;
30	height: 16px;
31	left: 10px;
32	background: currentColor
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

13,568

API Calls

31,278

Downloads

1,839,412

Views

316kb

Total weight

22,429

Lines

+ CSS Icons

Available in

Features

Feedback

№

Thank you!