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

1	.gg-arrows-merge-alt-v {
2	box-sizing: border-box;
3	position: relative;
4	display: block;
5	transform: scale(var(--ggs,1));
6	width: 12px;
7	height: 22px;
8	background:
9	linear-gradient(
10	to left,currentColor 10px,
11	transparent 0)
12	no-repeat center top/2px 8px,
13	linear-gradient(
14	to left,currentColor 10px,
15	transparent 0)
16	no-repeat center bottom/2px 8px,
17	linear-gradient(
18	to left,currentColor 10px,
19	transparent 0)
20	no-repeat center 20px/10px 2px,
21	linear-gradient(
22	to left,currentColor 10px,
23	transparent 0)
24	no-repeat center 0/10px 2px
25	}
26	.gg-arrows-merge-alt-v::after,
27	.gg-arrows-merge-alt-v::before {
28	content: "";
29	display: block;
30	box-sizing: border-box;
31	position: absolute;
32	width: 6px;
33	height: 6px;
34	transform: rotate(45deg);
35	left: 3px
36	}
37	.gg-arrows-merge-alt-v::after {
38	border-left: 2px solid;
39	border-top: 2px solid;
40	bottom: 3px;
41	}
42	.gg-arrows-merge-alt-v::before {
43	border-right: 2px solid;
44	border-bottom: 2px solid;
45	top: 3px
46	}

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

API Calls

33,378

Downloads

2,166,578

Views

316kb

Total weight

22,429

Lines

+ CSS Icons

Available in

Features

Feedback

№

Thank you!