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

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

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

10,740

API Calls

30,668

Downloads

1,736,127

Views

316kb

Total weight

22,429

Lines

+ CSS Icons

Available in

Features

Feedback

№

Thank you!